<html lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script data-ezscrex='false' data-cfasync='false' data-pagespeed-no-defer>var __ez=__ez||{};__ez.stms=Date.now();__ez.evt={};__ez.script={};__ez.ck=__ez.ck||{};__ez.template={};__ez.template.isOrig=false;__ez.queue=function(){var e=0,i=0,t=[],n=!1,o=[],r=[],s=!0,a=function(e,i,n,o,r,s,a){var l=arguments.length>7&&void 0!==arguments[7]?arguments[7]:window,d=this;this.name=e,this.funcName=i,this.parameters=null===n?null:p(n)?n:[n],this.isBlock=o,this.blockedBy=r,this.deleteWhenComplete=s,this.isError=!1,this.isComplete=!1,this.isInitialized=!1,this.proceedIfError=a,this.fWindow=l,this.isTimeDelay=!1,this.process=function(){f("... func = "+e),d.isInitialized=!0,d.isComplete=!0,f("... func.apply: "+e);var i=d.funcName.split("."),n=null,o=this.fWindow||window;i.length>3||(n=3===i.length?o[i[0]][i[1]][i[2]]:2===i.length?o[i[0]][i[1]]:o[d.funcName]),null!=n&&n.apply(null,this.parameters),!0===d.deleteWhenComplete&&delete t[e],!0===d.isBlock&&(f("----- F'D: "+d.name),u())}},l=function(e,i,t,n,o,r,s){var a=arguments.length>7&&void 0!==arguments[7]?arguments[7]:window,l=this;this.name=e,this.path=i,this.async=o,this.defer=r,this.isBlock=t,this.blockedBy=n,this.isInitialized=!1,this.isError=!1,this.isComplete=!1,this.proceedIfError=s,this.fWindow=a,this.isTimeDelay=!1,this.isPath=function(e){return"/"===e[0]&&"/"!==e[1]},this.getSrc=function(e){return void 0!==window.__ezScriptHost&&this.isPath(e)&&"banger.js"!==this.name?window.__ezScriptHost+e:e},this.process=function(){l.isInitialized=!0,f("... file = "+e);var i=this.fWindow?this.fWindow.document:document,t=i.createElement("script");t.src=this.getSrc(this.path),!0===o?t.async=!0:!0===r&&(t.defer=!0),t.onerror=function(){var e={url:window.location.href,name:l.name,path:l.path,user_agent:window.navigator.userAgent};"undefined"!=typeof _ezaq&&(e.pageview_id=_ezaq.page_view_id);var i=encodeURIComponent(JSON.stringify(e)),t=new XMLHttpRequest;t.open("GET","//g.ezoic.net/ezqlog?d="+i,!0),t.send(),f("----- ERR'D: "+l.name),l.isError=!0,!0===l.isBlock&&u()},t.onreadystatechange=t.onload=function(){var e=t.readyState;f("----- F'D: "+l.name),e&&!/loaded|complete/.test(e)||(l.isComplete=!0,!0===l.isBlock&&u())},i.getElementsByTagName("head")[0].appendChild(t)}},d=function(e,i){this.name=e,this.path="",this.async=!1,this.defer=!1,this.isBlock=!1,this.blockedBy=[],this.isInitialized=!0,this.isError=!1,this.isComplete=i,this.proceedIfError=!1,this.isTimeDelay=!1,this.process=function(){}};function c(e){!0!==h(e)&&0!=s&&e.process()}function h(e){if(!0===e.isTimeDelay&&!1===n)return f(e.name+" blocked = TIME DELAY!"),!0;if(p(e.blockedBy))for(var i=0;i<e.blockedBy.length;i++){var o=e.blockedBy[i];if(!1===t.hasOwnProperty(o))return f(e.name+" blocked = "+o),!0;if(!0===e.proceedIfError&&!0===t[o].isError)return!1;if(!1===t[o].isComplete)return f(e.name+" blocked = "+o),!0}return!1}function f(e){var i=window.location.href,t=new RegExp("[?&]ezq=([^&#]*)","i").exec(i);"1"===(t?t[1]:null)&&console.debug(e)}function u(){++e>200||(f("let's go"),m(o),m(r))}function m(e){for(var i in e)if(!1!==e.hasOwnProperty(i)){var t=e[i];!0===t.isComplete||h(t)||!0===t.isInitialized||!0===t.isError?!0===t.isError?f(t.name+": error"):!0===t.isComplete?f(t.name+": complete already"):!0===t.isInitialized&&f(t.name+": initialized already"):t.process()}}function p(e){return"[object Array]"==Object.prototype.toString.call(e)}return window.addEventListener("load",(function(){setTimeout((function(){n=!0,f("TDELAY -----"),u()}),5e3)}),!1),{addFile:function(e,i,n,s,a,d,h,f,u){var m=new l(e,i,n,s,a,d,h,u);!0===f?o[e]=m:r[e]=m,t[e]=m,c(m)},addDelayFile:function(e,i){var n=new l(e,i,!1,[],!1,!1,!0);n.isTimeDelay=!0,f(e+" ...  FILE! TDELAY"),r[e]=n,t[e]=n,c(n)},addFunc:function(e,n,s,l,d,h,f,u,m,p){!0===h&&(e=e+"_"+i++);var w=new a(e,n,s,l,d,f,u,p);!0===m?o[e]=w:r[e]=w,t[e]=w,c(w)},addDelayFunc:function(e,i,n){var o=new a(e,i,n,!1,[],!0,!0);o.isTimeDelay=!0,f(e+" ...  FUNCTION! TDELAY"),r[e]=o,t[e]=o,c(o)},items:t,processAll:u,setallowLoad:function(e){s=e},markLoaded:function(e){if(e&&0!==e.length){if(e in t){var i=t[e];!0===i.isComplete?f(i.name+" "+e+": error loaded duplicate"):(i.isComplete=!0,i.isInitialized=!0)}else t[e]=new d(e,!0);f("markLoaded dummyfile: "+t[e].name)}},logWhatsBlocked:function(){for(var e in t)!1!==t.hasOwnProperty(e)&&h(t[e])}}}();__ez.evt.add=function(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n()},__ez.evt.remove=function(e,t,n){e.removeEventListener?e.removeEventListener(t,n,!1):e.detachEvent?e.detachEvent("on"+t,n):delete e["on"+t]};__ez.script.add=function(e){var t=document.createElement("script");t.src=e,t.async=!0,t.type="text/javascript",document.getElementsByTagName("head")[0].appendChild(t)};__ez.dot={};__ez.queue.addFile('/detroitchicago/boise.js', '/detroitchicago/boise.js?gcb=195-2&cb=2', true, [], true, false, true, false);__ez.queue.addFile('/parsonsmaize/abilene.js', '/parsonsmaize/abilene.js?gcb=195-2&cb=28', true, [], true, false, true, false);</script>
<script data-ezscrex="false" type="text/javascript" data-cfasync="false">window._ezaq = Object.assign({}, typeof window._ezaq !== "undefined" ? window._ezaq : {}, {"ad_cache_level":1,"domain_id":173770,"ezcache_level":2,"ezcache_skip_code":0,"has_bad_image":0,"has_bad_words":0,"is_sitespeed":0,"lt_cache_level":0,"page_view_id":"7e8c5f1c-8364-4e6c-628a-e3ee39932590","response_size_orig":121824,"response_time_orig":4,"template_id":134,"url":"https://plantuml.com/ja/deployment-diagram","word_count":3857,"worst_bad_word_level":0});__ez.queue.markLoaded('ezaqBaseReady');</script>
<script type="text/javascript">(function(){function storageAvailable(type){var storage;try{storage=window[type];var x='__storage_test__';storage.setItem(x,x);storage.removeItem(x);return true;}
catch(e){return e instanceof DOMException&&(e.code===22||e.code===1014||e.name==='QuotaExceededError'||e.name==='NS_ERROR_DOM_QUOTA_REACHED')&&(storage&&storage.length!==0);}}
function remove_ama_config(){if(storageAvailable('localStorage')){localStorage.removeItem("google_ama_config");}}
remove_ama_config()})()</script>
<script type="text/javascript">var ezoicTestActive = true</script>
<script data-ezscrex="false" type="text/javascript" data-cfasync="false">window._ezaq = Object.assign({}, typeof window._ezaq !== "undefined" ? window._ezaq : {}, {"ab_test_id":"mod174-c","ad_cache_level":1,"ad_count_adjustment":0,"ad_lazyload_version":0,"ad_load_version":1,"ad_location_ids":"","adx_ad_count":0,"ai_placeholder_cache_level":1,"ai_placeholder_placement_cnt":-1,"bidder_method":1,"bidder_version":3,"city":"Krasnoyarsk","country":"RU","days_since_last_visit":-1,"display_ad_count":0,"domain_id":173770,"domain_test_group":20230802,"ds_adsize_opt_id":-1,"engaged_time_visit":0,"ezcache_level":2,"ezcache_skip_code":0,"form_factor_id":1,"framework_id":1,"has_bad_image":0,"has_bad_words":0,"iab_category":"","iab_category_0":"596","is_embed":false,"is_from_recommended_pages":false,"is_return_visitor":false,"is_sitespeed":0,"last_page_load":"","last_pageview_id":"","lt_cache_level":0,"max_ads":0,"metro_code":0,"optimization_version":1,"page_ad_positions":"","page_view_count":198,"page_view_id":"7e8c5f1c-8364-4e6c-628a-e3ee39932590","position_selection_id":0,"postal_code":"660000","pv_event_count":0,"response_size_orig":121824,"response_time_orig":4,"serverid":"i-0ac5c56bcf787ae7b","state":"KYA","sub_page_ad_positions":"","t_epoch":1697690894,"template_id":134,"time_on_site_visit":0,"url":"https://plantuml.com/ja/deployment-diagram","word_count":3857,"worst_bad_word_level":0});__ez.queue.markLoaded('ezaqReady');</script>
<script data-ezscrex='false' data-cfasync='false' data-pagespeed-no-defer>__ez.queue.addFile('/parsonsmaize/mulvane.js', '/parsonsmaize/mulvane.js?gcb=195-2&cb=5', true, ['/parsonsmaize/abilene.js'], true, false, true, false);__ez.queue.addFile('/parsonsmaize/olathe.js', '/parsonsmaize/olathe.js?gcb=195-2&cb=20', false, ['/parsonsmaize/abilene.js','/parsonsmaize/mulvane.js'], true, false, true, false);__ez.queue.addFile('/porpoiseant/et.js', '/porpoiseant/et.js?gcb=195-2&cb=2', false, [], true, false, true, false);!function(){var e;__ez.vep=(e=[],{Add:function(i,t){__ez.dot.isDefined(i)&&__ez.dot.isValid(t)&&e.push({type:"video",video_impression_id:i,domain_id:__ez.dot.getDID(),t_epoch:__ez.dot.getEpoch(0),data:__ez.dot.dataToStr(t)})},Fire:function(){if(void 0===document.visibilityState||"prerender"!==document.visibilityState){if(__ez.dot.isDefined(e)&&e.length>0)for(;e.length>0;){var i=5;i>e.length&&(i=e.length);var t=e.splice(0,i),o=__ez.dot.getURL("/detroitchicago/grapefruit.gif")+"?orig="+(!0===__ez.template.isOrig?1:0)+"&v="+btoa(JSON.stringify(t));__ez.dot.Fire(o)}e=[]}}})}();</script><script data-ezscrex='false' data-cfasync='false' data-pagespeed-no-defer>!function(){function e(i){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(i)}__ez.pel=function(){var i=[];function t(t,o,d,_,n,r,a,s){if(__ez.dot.isDefined(t)&&0!=__ez.dot.isAnyDefined(t.getSlotElementId,t.ElementId)){void 0===s&&(s=!1);var p=parseInt(__ez.dot.getTargeting(t,"ap")),f=__ez.dot.getSlotIID(t),u=__ez.dot.getAdUnit(t,s),z=parseInt(__ez.dot.getTargeting(t,"compid")),g=0,c=0,l=function(i){if("undefined"==typeof _ezim_d)return!1;var t=__ez.dot.getAdUnitPath(i).split("/").pop();if("object"===("undefined"==typeof _ezim_d?"undefined":e(_ezim_d))&&_ezim_d.hasOwnProperty(t))return _ezim_d[t];for(var o in _ezim_d)if(o.split("/").pop()===t)return _ezim_d[o];return!1}(t);"object"==e(l)&&(void 0!==l.creative_id&&(c=l.creative_id),void 0!==l.line_item_id&&(g=l.line_item_id)),__ez.dot.isDefined(f,u)&&__ez.dot.isValid(o)&&("0"===f&&!0!==s||""===u||i.push({type:"impression",impression_id:f,domain_id:__ez.dot.getDID(),unit:u,t_epoch:__ez.dot.getEpoch(0),revenue:d,est_revenue:_,ad_position:p,ad_size:"",bid_floor_filled:n,bid_floor_prev:r,stat_source_id:a,country_code:__ez.dot.getCC(),pageview_id:__ez.dot.getPageviewId(),comp_id:z,line_item_id:g,creative_id:c,data:__ez.dot.dataToStr(o),is_orig:s||__ez.template.isOrig}))}}function o(){void 0!==document.visibilityState&&"prerender"===document.visibilityState||(__ez.dot.isDefined(i)&&i.length>0&&[i.filter((function(e){return e.is_orig})),i.filter((function(e){return!e.is_orig}))].forEach((function(e){for(;e.length>0;){var i=e[0].is_orig||!1,t=5;t>e.length&&(t=e.length);var o=e.splice(0,t),d=__ez.dot.getURL("/porpoiseant/army.gif")+"?orig="+(!0===i?1:0)+"&sts="+btoa(JSON.stringify(o));(void 0!==window.isAmp&&isAmp||void 0!==window.ezWp&&ezWp)&&void 0!==window._ezaq&&_ezaq.hasOwnProperty("domain_id")&&(d+="&visit_uuid="+_ezaq.visit_uuid),__ez.dot.Fire(d)}})),i=[])}return{Add:t,AddAndFire:function(e,i){t(e,i,0,0,0,0,0),o()},AddAndFireOrig:function(e,i){t(e,i,0,0,0,0,0,!0),o()},AddById:function(e,t,o,d){var _=e.split("/");if(__ez.dot.isDefined(e)&&3===_.length&&__ez.dot.isValid(t)){var n=_[0],r={type:"impression",impression_id:_[2],domain_id:__ez.dot.getDID(),unit:n,t_epoch:__ez.dot.getEpoch(0),pageview_id:__ez.dot.getPageviewId(),data:__ez.dot.dataToStr(t),is_orig:o||__ez.template.isOrig};void 0!==d&&(r.revenue=d),i.push(r)}},Fire:o,GetPixels:function(){return i}}}()}();__ez.queue.addFile('/detroitchicago/raleigh.js', '/detroitchicago/raleigh.js?gcb=195-2&cb=6', false, ['/parsonsmaize/abilene.js'], true, false, true, false);__ez.queue.addFile('/detroitchicago/vista.js', '/detroitchicago/vista.js?gcb=195-2&cb=5', false, ['/parsonsmaize/abilene.js'], true, false, true, false);__ez.queue.addFile('/detroitchicago/tampa.js', '/detroitchicago/tampa.js?gcb=195-2&cb=5', false, ['/parsonsmaize/abilene.js'], true, false, true, false);</script><base href=""/><meta name="flattr:id" content="1ew3x0"/><script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "url": "https://plantuml.com",
  "name": "PlantUML",
  "sameAs" : ["https://twitter.com/plantuml","https://en.wikipedia.org/wiki/PlantUML","https://www.wikidata.org/wiki/Q18346546"],
  "logo": "https://cdn-0.plantuml.com/logo3.png",
  "contactPoint": [{
    "@type": "ContactPoint",
    "email": "plantuml@gmail.com",
    "url": "https://plantuml.com",
    "contactType": "customer service"
  }]
}
</script><script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "https://plantuml.com",
      "name": "Home"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "https://plantuml.com/sitemap-language-specification",
      "name": "Language specification"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "https://plantuml.com/deployment-diagram",
      "name": "Deployment Diagram"
  }
  }]
}
</script><link rel="canonical" href="deployment-diagram.html"/><link rel="alternate" hreflang="x-default" href="../deployment-diagram.html"/><link rel="alternate" hreflang="de" href="../de/deployment-diagram.html"/><link rel="alternate" hreflang="en" href="../deployment-diagram.html"/><link rel="alternate" hreflang="es" href="../es/deployment-diagram.html"/><link rel="alternate" hreflang="fr" href="../fr/deployment-diagram.html"/><link rel="alternate" hreflang="ja" href="deployment-diagram.html"/><link rel="alternate" hreflang="ru" href="../ru/deployment-diagram.html"/><link rel="alternate" hreflang="ko" href="../ko/deployment-diagram.html"/><link rel="alternate" hreflang="zh" href="../zh/deployment-diagram.html"/><link rel="shortcut icon" href="../favicon.ico"/><link rel="preload" as="image" href="../svgrepo-house.svg"/><link rel="preload" as="image" href="../svgrepo-text-news.svg"/><link rel="preload" as="image" href="../svgrepo-rocket-3-start.svg"/><link rel="preload" as="image" href="../svgrepo-server.svg"/><link rel="preload" as="image" href="../svgrepo-play.svg"/><link rel="preload" as="image" href="../svgrepo-forum.svg"/><link rel="preload" as="image" href="../svgrepo-add-to-online-cart.svg"/><link rel="preload" as="image" href="../svgrepo-forum-message.svg"/><link rel="preload" as="image" href="../svgrepo-palette-fill.svg"/><link rel="preload" as="image" href="../svgrepo-cpu.svg"/><link rel="preload" as="image" href="../svgrepo-books-library.svg"/><link rel="preload" as="image" href="../svgrepo-signpost-fill.svg"/><link rel="preload" as="image" href="../svgrepo-library.svg"/><link rel="preload" as="image" href="../flags21.png"/><link rel="preload" as="image" href="../svgrepo-uxwing-light-mode-toggle.svg"/><title>配置図の構文と機能</title><meta name="description" content="PlantUML の 配置図の構文: PlantUML では配置図はまだ完全にはサポートされていません。現在のバージョンの構文はドラフト段階のものであり、将来変更が加えられる可能性があります。"/><meta property="og:type" content="article"/><meta property="og:title" content="配置図の構文と機能"/><meta property="og:description" content="PlantUML の 配置図の構文: PlantUML では配置図はまだ完全にはサポートされていません。現在のバージョンの構文はドラフト段階のものであり、将来変更が加えられる可能性があります。"/><meta property="og:url" content="https://plantuml.com/ja/deployment-diagram"/><meta property="og:site_name" content="PlantUML.com"/><meta name="twitter:image" content="https://plantuml.com/og-deployment-diagram"/><meta property="og:locale" content="ja"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="配置図の構文と機能"/><meta name="twitter:description" content="PlantUML の 配置図の構文: PlantUML では配置図はまだ完全にはサポートされていません。現在のバージョンの構文はドラフト段階のものであり、将来変更が加えられる可能性があります。"/><meta name="twitter:site" content="@PlantUML"/><meta name="twitter:creator" content="@PlantUML"/><style>li{margin:2px}#external li{margin:13px}.pezoic{max-width:970px}@media screen and (max-width:1600px){.pezoic{max-width:768px}}.coptable{max-width:90%}.mytab{display:inline-block;border-radius:3px;border:1px solid #e1e4e8}.mytab:hover{border:1px dashed #0366d6;cursor:pointer;color:#0366d6;background:#f6f8fa}.cop{margin:25px 10px 0 10px}.cop:hover{cursor:pointer;filter:invert(30%) sepia(75%) saturate(4001%) hue-rotate(201deg) brightness(88%) contrast(98%)}.cop2{margin:25px 10px 0 10px}.cop2:hover{cursor:pointer}.msg{position:absolute;color:#396;background-color:#FFF;margin-top:55px;display:none;border-radius:3px;border:1px solid #4dff00}.mycell0{float:left;vertical-align:top;padding:10px}.mycell0 code:hover{cursor:default;color:#000}.mycell{float:right;vertical-align:top;padding:10px;max-width:55vw;overflow-x:auto}.mycell0 pre{max-width:55vw;overflow-x:auto}.cod{background:#edeff3;padding:2px 5px;border-radius:3px}.colo{display:inline-block;background:#edeff3;padding:7px 12px;border-radius:3px}.tag,.tagg,.tago,.tagr{text-rendering:optimizeLegibility;display:inline-block;padding:3px 5px 2px 4px;text-decoration:none;white-space:nowrap;border:1px solid #999;text-transform:uppercase;text-align:center;border-radius:3px;font-size:11px;font-weight:bold;line-height:90%}.tag{background-color:#eee}.tagg{background-color:#98fb98}.tago{background-color:#fafa00}.tagr{background-color:#ff4500}a{text-decoration:none;color:#0366d6}a:hover{text-decoration:underline}.menu1{border:0;font-family:Helvetica,sans-serif;font-size:14px;padding:0;margin:0;white-space:nowrap;overflow:hidden;vertical-align:middle;line-height:30px}.menu1 a{text-align:center;padding:10px 7px 10px 7px;text-decoration:none;color:#637282}.menu1 a:hover{color:#0366d6}#menu0{top:0;z-index:4;margin:0 0 0 10px;padding:0}@media screen and (max-width:1500px){#menu0{visibility:hidden}}.mhov img{margin:0 5px 0 0;padding:0}.mhov:hover{filter:invert(25%) sepia(97%) saturate(2026%) hue-rotate(201deg) brightness(91%) contrast(98%)}#menuside2{border:0;font-family:Helvetica,sans-serif;font-size:14px;padding:20px 0 4px 0;margin:0}#menuside2 span{vertical-align:top}#menuside2 li{list-style:none;position:relative;padding:0;margin:10px 20px 10px 10px;border:0}#menuside2 li a{display:inline-block;text-decoration:none;color:#637282;width:100%}#BC{z-index:0;padding-top:5px;top:35px}.breadcrumb{z-index:1;font-family:Helvetica,sans-serif;font-size:14px;text-align:center;display:inline-block;overflow:hidden;border-radius:5px}.breadcrumb a{text-decoration:none;outline:0;display:block;float:left;font-size:12px;line-height:24px;color:#373f49;padding:0 10px 0 35px;background:#f0f1f1;background:linear-gradient(#f0f1f1,#c6d2d2);position:relative}.breadcrumb a:first-child{padding-left:21px;border-radius:5px 0 0 5px}.breadcrumb a:first-child:before{left:14px}.breadcrumb a:last-child{visibility:hidden}.breadcrumb a.active,.breadcrumb a:hover{color:#0366d6;background:#c6d2d2;background:linear-gradient(#e3e4e4,#b8c7c7)}.breadcrumb a.active:after,.breadcrumb a:hover:after{background:#c6d2d2;background:linear-gradient(135deg,#e3e4e4,#b8c7c7)}.breadcrumb a:after{content:'';position:absolute;top:0;right:-12px;width:24px;height:24px;transform:scale(0.707) rotate(45deg);z-index:1;background:#f0f1f1;background:linear-gradient(135deg,#f0f1f1,#c6d2d2);box-shadow:2px -2px 0 2px rgba(0,0,0,0.1),3px -3px 0 2px rgba(255,255,255,0.1);border-radius:0 5px 0 50px}.breadcrumb a:last-child:after{content:none;visibility:hidden}.lga,.lga a,.lgi,.lgi a{font-family:Helvetica,sans-serif;font-size:13px;text-align:center;color:#fff;padding:0 5px;margin:0}.lga,.lga a{background-color:#008}.lgi,.lgi a{background-color:#888}.lga:hover,.lga:hover a{text-decoration:none;color:#BBB}.lgi:hover,.lgi:hover a{text-decoration:none;color:#CCC}</style><style>.backtop{margin:0 10px}.backtop:hover{cursor:pointer;filter:invert(30%) sepia(75%) saturate(4001%) hue-rotate(201deg) brightness(88%) contrast(98%)}</style><style>.dropbtn{padding:0;border:0;background:0}.dropdown{position:relative;display:inline-block;margin:0 10px}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1}.dropdown-content img{vertical-align:middle;margin:0 8px 0 1px}.dropdown-content a{font-size:small;font-weight:normal;color:black;padding:5px 10px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd;color:#0366d6}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}</style><style>#flex1{margin:0;padding:0;display:flex;flex-direction:row;width:378px;height:100%}#lll{flex-grow:1;flex-shrink:1;max-width:162px;overflow:hidden}#mmm{flex-grow:0;flex-shrink:0;background:#edeff3;width:210px;min-width:210px;max-width:210px;flex-grow:0;flex-shrink:0;border-left:1px solid #d4d8de}#qqq{flex-grow:0;flex-shrink:0;width:4px;min-width:4px;max-width:4px;flex-grow:0;flex-shrink:0}#rrr{flex-grow:1;flex-shrink:1;max-width:162px;overflow:hidden}.cde{display:flex;flex-direction:column;justify-content:space-between;height:100%}.cd{display:flex;flex-direction:column;justify-content:space-start;height:100%}.aaa{height:30px;min-height:30px;max-height:30px;flex-grow:0;flex-shrink:0;background:#edeff3;border-bottom:1px solid #d4d8de}.bbb,.bbborder{flex-grow:1;flex-shrink:0}.bbborder{border-left:1px solid #d4d8de}#header{z-index:10;position:fixed;left:378px;right:0;height:30px;top:0;background:#edeff3;border-bottom:1px solid #d4d8de}#header2{z-index:7;position:fixed;left:378px;right:0;height:10px;top:30px;background:#fefefe}#left0{top:0;position:fixed;left:0;margin:0;bottom:0;width:378px;padding:0;z-index:2}#root{padding:0;margin:40px 0 0 388px;background:#fefefe}body{margin:auto;overflow-x:hidden;background:#fefefe}@media screen and (max-width:1190px){#flex1,#left0{width:215px}#root{margin:40px 0 0 224px}#header,#header2{left:215px}#left0{left:0}#lll,#rrr{width:0;visibility:hidden;flex-grow:0;flex-shrink:0}}@media screen and (max-width:1010px){#root{margin:0 0 0 216px}#header,#header2{display:none}#lll,#qqq{width:0;visibility:hidden;flex-grow:0;flex-shrink:0}#mmm{border-right:1px solid #d4d8de}}@media screen and (min-width:1700px){#header,#header2{left:518px}#left0,#flex1{width:518px}#root{margin-left:528px}#lll,#rrr{max-width:302px}}</style><script>window.pushMST_config={vapidPK:"BBodn2vLFoDO5AdCfmOOzNmcUsn52kTA6JNZNYVFymzEdWHonz_bkUcsaTkPXHvNGRkRUSAxMbup-H0l2sb1h_Q",enableOverlay:true,swPath:"/sw.js",i18n:{}};var pushmasterTag=document.createElement("script");pushmasterTag.src="https://cdn.pushmaster-cdn.xyz/scripts/publishers/629f5e297baecc00098a271b/SDK.js";pushmasterTag.setAttribute("defer","");var firstScriptTag=document.getElementsByTagName("script")[0];firstScriptTag.parentNode.insertBefore(pushmasterTag,firstScriptTag);</script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-TKZNNQT9CZ"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date());gtag("config","G-TKZNNQT9CZ");</script><script>var llg="ja";var az=0;var amdark=0;function ljs(b){if(az){return false}var a=document.createElement("script");a.type="text/javascript";a.src="/btn-"+b+".js";document.body.innerHTML="<i style='position:absolute;top:30%;width:100%;'><center>Loading in progress...";document.body.appendChild(a)}function ctc(c){document.getElementById("img"+c).classList.remove("cop");document.getElementById("img"+c).classList.add("cop2");document.getElementById("pre"+c).style.backgroundColor="#4dff00";document.getElementById("msg"+c).style.display="inline";setTimeout(function(){document.getElementById("img"+c).classList.remove("cop2");document.getElementById("img"+c).classList.add("cop");document.getElementById("pre"+c).style.backgroundColor="";document.getElementById("msg"+c).style.display="none"},800);text=document.getElementById("pre"+c).innerText;if(window.clipboardData&&window.clipboardData.setData){return window.clipboardData.setData("Text",text)}else{if(document.queryCommandSupported&&document.queryCommandSupported("copy")){var a=document.createElement("textarea");a.textContent=text;a.style.position="fixed";document.body.appendChild(a);a.select();try{return document.execCommand("copy")}catch(b){return false}finally{document.body.removeChild(a)}}}};</script><script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script type='text/javascript'>
var ezoTemplate = 'pub_site';
var ezouid = '1';
var ezoFormfactor = '1';
</script><script data-ezscrex="false" type='text/javascript'>
var soc_app_id = '0';
var did = 173770;
var ezdomain = 'plantuml.com';
var ezoicSearchable = 1;
</script>
<script data-ezscrex='false' data-pagespeed-no-defer data-cfasync='false'>
function create_ezolpl() {
	var d = new Date();
	d.setTime(d.getTime() + (365*24*60*60*1000));
	var expires = "expires="+d.toUTCString();
	__ez.ck.setByCat("ezux_lpl_173770=" + new Date().getTime() + "|" + _ezaq.page_view_id + "|" + _ezaq.is_return_visitor + "; " + expires, 3);
}
function attach_ezolpl() {
	if (document.readyState === "complete") {
		create_ezolpl();
		return;
	}
	window.addEventListener("load", create_ezolpl);
}

__ez.queue.addFunc("attach_ezolpl", "attach_ezolpl", null, false, ['/detroitchicago/boise.js'], true, false, false, false);
</script></head><body><div id="left0"><div id="flex1"><div id="lll"><div class="cde"><div></div><div><span id="ezoic-pub-ad-placeholder-131"></span><!-- ezoic_pub_ad_placeholder-131-sidebar-120x600-131-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-131-sidebar-160x600-131-nonexxxnonexxxxxxezmaxscaleval100 --></div><div></div></div></div><div id="mmm"><div class="cde"><div><div><span id="ezoic-pub-ad-placeholder-105"></span><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-120x240-105-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-125x125-105-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-180x150-105-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-200x200-105-nonexxxnonexxxxxxezmaxscaleval100 --></div><ul id="menuside2"><li><a href="index.html" class="mhov"><img src="../svgrepo-house.svg" width="16" height="16"/><span>ホーム</span></a></li><li><a href="news.html" class="mhov"><img src="../svgrepo-text-news.svg" width="16" height="16"/><span>新着情報</span></a></li><li><a href="starting.html" class="mhov"><img src="../svgrepo-rocket-3-start.svg" width="16" height="16"/><span>入門</span></a></li><li><a href="https://www.plantuml.com/plantuml/uml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000" class="mhov"><img src="../svgrepo-server.svg" width="16" height="16"/><span>Online Server</span></a></li><li><a href="running.html" class="mhov"><img src="../svgrepo-play.svg" width="16" height="16"/><span>実行方法</span></a></li><li><a href="faq.html" class="mhov"><img src="../svgrepo-forum.svg" width="16" height="16"/><span>F.A.Q.</span></a></li><li><a href="download.html" class="mhov"><img src="../svgrepo-add-to-online-cart.svg" width="16" height="16"/><span>ダウンロード</span></a></li><li><a href="../qa.html" class="mhov"><img src="../svgrepo-forum-message.svg" width="16" height="16"/><span>フォーラム(英語)</span></a></li><li><a href="theme.html" class="mhov"><img src="../svgrepo-palette-fill.svg" width="16" height="16"/><span>Theme</span></a></li><li><a href="preprocessing.html" class="mhov"><img src="../svgrepo-cpu.svg" width="16" height="16"/><span>前処理</span></a></li><li><a href="stdlib.html" class="mhov"><img src="../svgrepo-books-library.svg" width="16" height="16"/><span>標準ライブラリ</span></a></li><li><a href="https://crashedmind.github.io/PlantUMLHitchhikersGuide" class="mhov"><img src="../svgrepo-signpost-fill.svg" width="16" height="16"/><span>Hitchhiker&#39;s Guide</span></a></li><li><a href="guide.html" class="mhov"><img src="../svgrepo-library.svg" width="16" height="16"/><span>PDFガイド</span></a></li></ul><div><span id="ezoic-pub-ad-placeholder-108"></span><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-120x240-108-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-125x125-108-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-180x150-108-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-200x200-108-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><div></div><div style="margin-bottom:35px;"><span id="ezoic-pub-ad-placeholder-186"></span><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-120x240-186-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-125x125-186-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-180x150-186-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-200x200-186-nonexxxnonexxxxxxezmaxscaleval100 --></div></div></div><div id="qqq"><div class="cd"><div class="aaa"></div><div class="bbborder"></div></div></div><div id="rrr"><div class="cd"><div class="aaa"></div><div style="height:5px;"></div><div class="bbb"><div class="cde"><div></div><div><span id="ezoic-pub-ad-placeholder-175"></span><!-- ezoic_pub_ad_placeholder-175-sidebar-120x600-175-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-175-sidebar-160x600-175-nonexxxnonexxxxxxezmaxscaleval100 --></div><div></div></div></div></div></div></div></div><style>#contmenu{display:flex;height:30px;width:100%;margin:0;padding:0}#contmenua{height:30px;padding-right:25px}#contmenub{z-index:15;display:inline-block;flex-grow:1;flex-shrink:1;height:30px;background-color:#edeff3}#magic{white-space:nowrap;overflow:hidden;z-index:14;position:fixed;top:0;right:50px;height:30px;width:30px}#magic2{white-space:nowrap;overflow:hidden;z-index:16;position:fixed;top:0;right:0;height:30px;width:50px;background-color:#edeff3}#magic2 img{margin:5px 0 0 5px;filter:invert(44%) sepia(27%) saturate(310%) hue-rotate(170deg) brightness(92%) contrast(83%)}#magic2:hover img{filter:invert(25%) sepia(97%) saturate(2026%) hue-rotate(201deg) brightness(91%) contrast(98%)}#magic:hover #svgrepoleft{filter:invert(22%) sepia(53%) saturate(4563%) hue-rotate(202deg) brightness(95%) contrast(98%)}#magic:hover{width:100%;height:31px}#aze{height:30px;display:flex;flex-direction:row-reverse}#aze1{height:30px;background-color:#edeff3}#aze2{height:30px;background-color:#edeff3;padding-left:10px;border-left:1px solid #d4d8de;border-bottom:1px solid #d4d8de}#aze1 img{filter:invert(46%) sepia(6%) saturate(1254%) hue-rotate(171deg) brightness(94%) contrast(92%)}#aze3{width:3px;height:30px;background-color:#edeff3}</style><div id="header"><div id="contmenu"><div id="contmenua"><div class="menu1"><a href="sequence-diagram.html">シーケンス図</a><a href="use-case-diagram.html">ユースケース図</a><a href="class-diagram.html">クラス図</a><a href="activity-diagram-beta.html">アクティビティ図</a><a href="component-diagram.html">コンポーネント図</a><a href="state-diagram.html">状態図</a><a href="object-diagram.html">オブジェクト図</a><a href="deployment-diagram.html">配置図</a><a href="timing-diagram.html">タイミング図</a><a href="nwdiag.html">Network</a><a href="salt.html">Wireframe</a><a href="archimate-diagram.html">Archimate</a><a href="gantt-diagram.html">Gantt</a><a href="mindmap-diagram.html">MindMap</a><a href="wbs-diagram.html">WBS</a><a href="json.html">JSON</a><a href="yaml.html">YAML</a></div></div><div id="contmenub"></div></div><div id="magic"><div id="aze"><div id="aze1"><img id="svgrepoleft" width="30" height="30" src="../svgrepo-left.svg"/></div><div id="aze2"><div class="menu1"><a href="sequence-diagram.html">シーケンス図</a><a href="use-case-diagram.html">ユースケース図</a><a href="class-diagram.html">クラス図</a><a href="activity-diagram-beta.html">アクティビティ図</a><a href="component-diagram.html">コンポーネント図</a><a href="state-diagram.html">状態図</a><a href="object-diagram.html">オブジェクト図</a><a href="deployment-diagram.html">配置図</a><a href="timing-diagram.html">タイミング図</a><a href="nwdiag.html">Network</a><a href="salt.html">Wireframe</a><a href="archimate-diagram.html">Archimate</a><a href="gantt-diagram.html">Gantt</a><a href="mindmap-diagram.html">MindMap</a><a href="wbs-diagram.html">WBS</a><a href="json.html">JSON</a><a href="yaml.html">YAML</a></div></div><div id="aze3"></div></div></div><div id="magic2"><a href="../ja-dark/deployment-diagram.html"><img src="../svgrepo-uxwing-light-mode-toggle.svg" height="20"/></a></div></div><div id="header2"></div><div id="root"><style>#haut1{margin:50px 0 20px;padding:0;min-height:80px}#donate{padding-top:5px;min-height:30px}</style><div id="haut1"><div style="float:left;"><div class="breadcrumb"><a href="sitemap.html">PlantUML</a><a href="sitemap-language-specification.html">Language specification</a><a href="deployment-diagram.html">Deployment Diagram</a><a href="deployment-diagram.html#"></a></div><div id="donate">   <a href="https://discord.gg/sXhzexAQGh" style="text-decoration: none;"><img src="https://img.shields.io/discord/1083727021328306236?color=5865F2&amp;logo=discord&amp;logoColor=white" alt="Discord server"/></a>   <a href="https://github.com/sponsors/plantuml/" style="text-decoration: none;"><img src="https://img.shields.io/github/sponsors/plantuml?logo=github"/></a>   <a href="https://www.patreon.com/bePatron?patAmt=1&amp;u=527450&amp;rid=152970" style="text-decoration: none;"><img src="https://img.shields.io/badge/patreon-122-chocolate?logo=patreon"/></a>   <a href="../lp.html" style="text-decoration: none;"><img src="https://img.shields.io/liberapay/patrons/plantuml?color=gold&amp;logo=liberapay&amp;label=liberapay"/></a>   <a href="../en/paypal.html" style="text-decoration: none;"><img src="https://img.shields.io/badge/paypal-296-skyblue?logo=paypal&amp;logoColor=red"/></a></div></div><div style="float:right; margin:3px 0;"><style>#langlist{display:flex;justify-content:space-between;width:317px;height:16px;margin:3px 10px 3px 0}.sel2{border:2px solid #fefefe}.nosel2{border:2px solid #fefefe;filter:grayscale(100%) opacity(75%)}.sel2:hover,.nosel2:hover{cursor:pointer;border:2px solid #0366d6;border-spacing:0;filter:grayscale(0);filter:contrast(200%);filter:brightness(150%)}#flag1,#flag2,#flag3,#flag4,#flag5,#flag6,#flag7,#flag8{background:url(../flags21.png);background-repeat:no-repeat;background-clip:content-box;width:22px;height:16px}#flag2{background-position:-22px 0}#flag3{background-position:-44px 0}#flag4{background-position:-66px 0}#flag5{background-position:-88px 0}#flag6{background-position:-110px 0}#flag7{background-position:-132px 0}#flag8{background-position:-154px 0}</style><div id="langlist"><div id="flag1" onclick="location.href=&#39;/en/deployment-diagram&#39;" class="nosel2"></div><div id="flag2" onclick="location.href=&#39;/de/deployment-diagram&#39;" class="nosel2"></div><div id="flag3" onclick="location.href=&#39;/es/deployment-diagram&#39;" class="nosel2"></div><div id="flag4" onclick="location.href=&#39;/fr/deployment-diagram&#39;" class="nosel2"></div><div id="flag5" onclick="location.href=&#39;/ja/deployment-diagram&#39;" class="sel2"></div><div id="flag6" onclick="location.href=&#39;/ko/deployment-diagram&#39;" class="nosel2"></div><div id="flag7" onclick="location.href=&#39;/ru/deployment-diagram&#39;" class="nosel2"></div><div id="flag8" onclick="location.href=&#39;/zh/deployment-diagram&#39;" class="nosel2"></div></div></div></div><p><style>#topsticky{z-index:2;margin:0 240px 0 0}@media screen and (min-height:800px){#topsticky{position:sticky;top:40px}}@media screen and (max-width:1500px){#topsticky{margin:0}}</style></p><div id="topsticky"><span id="ezoic-pub-ad-placeholder-647"></span><!-- ezoic_pub_ad_placeholder-647-under_page_title-320x100-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-300x50v2-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-320x50-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-468x60-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-728x90-647-nonexxxnonexxxxxxezmaxscaleval100 --></div><p><a style="position:relative;top:-38px;" name="6c38d20e9f7e0390"></a><style>#toc{z-index:2;position:sticky;top:40px;list-style-type:none;margin:0;padding:0 10px}.chap{clear:both}#toc ul{list-style-type:none;max-height:87vh;overflow-y:auto;background:#f6f8fa;border-width:2px;border-style:groove;border-radius:3px;border-color:#e1e4e8;margin:0;padding:0}@media screen and (min-height:450px){#toc ul{max-height:89.5vh}}@media screen and (min-height:550px){#toc ul{max-height:91.5vh}}@media screen and (min-height:700px){#toc ul{max-height:93.5vh}}@media screen and (min-height:900px){#toc ul{max-height:94.5vh}}#toc li{margin:5px 5px 5px 10px;padding:0}@media screen and (max-width:1500px){#toctd{display:none}#toc{display:none}}</style><table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr valign="top" width="100%"><td valign="top"><h1 class="chap"><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#0"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#0"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#0"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>デプロイメント図</h1><p></p><p></p><strong>デプロイメント図とは</strong>、システムのアーキテクチャを視覚化する図の一種であり、ソフトウェ ア・コンポーネントがハードウェア上にどのようにデプロイされるかを示すものです。これは、サーバ、ワークステーショ ン、およびデバイスなどのさまざまなノードにわたるコンポーネントの分布の明 確な図を提供します。 <p></p><a href="../en/deployment-diagram.html">PlantUML</a> を使用すると、展開図の作成が簡単になります。このプラットフォームは、プレーンテキストを使用してこれらのダイアグラム を設計するシンプルで直感的な方法を提供し、迅速な反復と簡単なバージョン管理を保証 します。さらに、<a href="../qa.html">PlantUML フォーラムは</a>、ユーザがヘルプを求めたり、アイデアを共有し たり、ダイアグラム作成の課題に関して協力したりすることができる、活気あるコ ミュニティを提供します。PlantUML の主な利点のひとつは、様々なツールやプラットフォームとシームレスに統合できることであり、専門家や愛好家にとって好ましい選択肢となっています。 <a style="position:relative;top:-38px;" name="e5cec68ef9127fc4"></a><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#1"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#1"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#1"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>要素の宣言</h2><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg55bc8df0d90d764ab9e51b830281def9" class="msg"> 🎉 Copied! </div><img width="16" height="16" id="img55bc8df0d90d764ab9e51b830281def9" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;55bc8df0d90d764ab9e51b830281def9&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;55bc8df0d90d764ab9e51b830281def9&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;55bc8df0d90d764ab9e51b830281def9&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre55bc8df0d90d764ab9e51b830281def9">@startuml
actor アクター
actor/ &#34;アクター/&#34;
agent エージェント
artifact アーティファクト
boundary 境界
card カード
circle 円
cloud クラウド
collections コレクション
component コンポーネント
control コントロール
database データベース
entity エンティティ
file ファイル
folder フォルダ
frame フレーム
hexagon 六角形
interface インターフェイス
label ラベル
node ノード
package パッケージ
person 人型
queue キュー
rectangle 四角形
stack スタック
storage ストレージ
usecase ユースケース
usecase/ &#34;ユースケース/&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="793" height="542" class="scale" src="../imgw/img-55bc8df0d90d764ab9e51b830281def9.png"/></div></div></td></tr></tbody></table></p><p></p><p></p> 説明文が長くなる場合は、オプションでテキストを <code class="cod">[]</code> の中に書くこともできます。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg4cc81578df2d95edfa9513b46736304e" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img4cc81578df2d95edfa9513b46736304e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;4cc81578df2d95edfa9513b46736304e&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;4cc81578df2d95edfa9513b46736304e&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;4cc81578df2d95edfa9513b46736304e&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre4cc81578df2d95edfa9513b46736304e">@startuml
folder フォルダ [
これは&lt;b&gt;フォルダ&lt;/b&gt;です
----
境界線として
====
いろいろな種類の
....
スタイルが使えます
]

node ノード [
これは&lt;b&gt;ノード&lt;/b&gt;です
----
境界線として
====
いろいろな種類の
....
スタイルが使えます
]

database データベース [
これは&lt;b&gt;データベース&lt;/b&gt;です
----
境界線として
====
いろいろな種類の
....
スタイルが使えます
]

usecase ユースケース [
これは&lt;b&gt;ユースケース&lt;/b&gt;です
----
境界線として
====
いろいろな種類の
....
スタイルが使えます
]

card カード [
これは&lt;b&gt;カード&lt;/b&gt;です
----
境界線として
====
いろいろな種類の
....
スタイルが使えます
&lt;i&gt;&lt;color:blue&gt;(add from V1.2020.7)&lt;/color&gt;&lt;/i&gt;
]
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="626" height="337" class="scale" src="../imgw/img-4cc81578df2d95edfa9513b46736304e.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="ccbc4c57abc698a9"></a></p><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-179"></span><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-234x60-179-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-468x60-179-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-728x90-179-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-970x90-179-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#2"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#2"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#2"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>要素の宣言 (省略記法)</h2><p></p> いくつかの省略記法を使って要素を宣言することができます。 <table border="1" cellspacing="0" cellpadding="5"><tbody><tr><td><b> 通常記法のキーワード </b></td><td><b> 省略記法のキーワード </b></td><td><b> 通常記法の例 </b></td><td><b> 省略記法の例 </b></td><td><b> 参照 </b></td></tr><tr><td><code class="cod">actor</code></td><td><code class="cod">:</code><em>a</em><code class="cod">:</code></td><td><code class="cod">actor actor1</code></td><td><code class="cod">:actor2:</code></td><td><a href="../use-case-diagram.html#d9b36998c97be687">Actors</a></td></tr><tr><td><code class="cod">component</code></td><td><code class="cod">[</code><em>c</em><code class="cod">]</code></td><td><code class="cod">component component1</code></td><td><code class="cod">[component2]</code></td><td><a href="../component-diagram.html#05bbb43b3d923283">Components</a></td></tr><tr><td><code class="cod">interface</code></td><td><code class="cod">()</code><em>i</em></td><td><code class="cod">interface interface1</code></td><td><code class="cod">() &#34;interface2&#34;</code></td><td><a href="../component-diagram.html#756640f0aea5f5be">Interfaces</a></td></tr><tr><td><code class="cod">usecase</code></td><td><code class="cod">(</code><em>u</em><code class="cod">)</code></td><td><code class="cod">usecase usecase1</code></td><td><code class="cod">(usecase2)</code></td><td><a href="../use-case-diagram.html#5cb617d22da857ea">Usecases</a></td></tr></tbody></table><p></p><h3>アクター</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg042de128744402a8a3a183f2a46576a0" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img042de128744402a8a3a183f2a46576a0" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;042de128744402a8a3a183f2a46576a0&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;042de128744402a8a3a183f2a46576a0&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;042de128744402a8a3a183f2a46576a0&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre042de128744402a8a3a183f2a46576a0">@startuml

actor アクター1
:アクター2:

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="175" height="87" class="scale" src="../imgw/img-042de128744402a8a3a183f2a46576a0.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><strong>注意</strong>: 二重山括弧(guillemet)を使用したアクターの古い記法がありますが、現在は非推奨であり、削除される予定です。今後は使用しないでください。 <p></p><h3>コンポーネント </h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgc2c761bbcdc295b1e6b89daeda31c51f" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgc2c761bbcdc295b1e6b89daeda31c51f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c2c761bbcdc295b1e6b89daeda31c51f&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c2c761bbcdc295b1e6b89daeda31c51f&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;c2c761bbcdc295b1e6b89daeda31c51f&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prec2c761bbcdc295b1e6b89daeda31c51f">@startuml

component コンポーネント1
[コンポーネント2]

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="339" height="59" class="scale" src="../imgw/img-c2c761bbcdc295b1e6b89daeda31c51f.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>インターフェース</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg8c7f72caeaa86f55662df451da0ee599" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img8c7f72caeaa86f55662df451da0ee599" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;8c7f72caeaa86f55662df451da0ee599&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;8c7f72caeaa86f55662df451da0ee599&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;8c7f72caeaa86f55662df451da0ee599&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre8c7f72caeaa86f55662df451da0ee599">@startuml

interface インターフェース1
() &#34;インターフェース2&#34;

label &#34;//interface example//&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="303" height="136" class="scale" src="../imgw/img-8c7f72caeaa86f55662df451da0ee599.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>ユースケース</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg759f438d9d3c6d7f7b70fd72a0f9dff3" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img759f438d9d3c6d7f7b70fd72a0f9dff3" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;759f438d9d3c6d7f7b70fd72a0f9dff3&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;759f438d9d3c6d7f7b70fd72a0f9dff3&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;759f438d9d3c6d7f7b70fd72a0f9dff3&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre759f438d9d3c6d7f7b70fd72a0f9dff3">@startuml

usecase ユースケース1
(ユースケース2)

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="332" height="44" class="scale" src="../imgw/img-759f438d9d3c6d7f7b70fd72a0f9dff3.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="bb3fdb917676e9ae"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#3"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#3"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#3"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>リンク、矢印</h2><p></p> 要素の間をシンプルなリンクで結ぶことができます。リンクにラベルを付けることもできます。 <p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg29eda7f02f8535f8d7c8128900bbbdc5" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img29eda7f02f8535f8d7c8128900bbbdc5" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;29eda7f02f8535f8d7c8128900bbbdc5&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;29eda7f02f8535f8d7c8128900bbbdc5&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;29eda7f02f8535f8d7c8128900bbbdc5&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre29eda7f02f8535f8d7c8128900bbbdc5">@startuml

node ノード1
node ノード2
node ノード3
node ノード4
node ノード5
ノード1 -- ノード2 : ラベル1
ノード1 .. ノード3 : ラベル2
ノード1 ~~ ノード4 : ラベル3
ノード1 == ノード5

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="497" height="195" class="scale" src="../imgw/img-29eda7f02f8535f8d7c8128900bbbdc5.png"/></div></div></td></tr></tbody></table></p><p></p><p></p> 複数の種類のリンクを使うこともできます。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg90bc19b5579a4138a37e5281134e6d50" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img90bc19b5579a4138a37e5281134e6d50" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;90bc19b5579a4138a37e5281134e6d50&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;90bc19b5579a4138a37e5281134e6d50&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;90bc19b5579a4138a37e5281134e6d50&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre90bc19b5579a4138a37e5281134e6d50">@startuml

artifact アーティファクト1
artifact アーティファクト2
artifact アーティファクト3
artifact アーティファクト4
artifact アーティファクト5
artifact アーティファクト6
artifact アーティファクト7
artifact アーティファクト8
artifact アーティファクト9
artifact アーティファクト10
アーティファクト1 --&gt; アーティファクト2
アーティファクト1 --* アーティファクト3
アーティファクト1 --o アーティファクト4
アーティファクト1 --+ アーティファクト5
アーティファクト1 --# アーティファクト6
アーティファクト1 --&gt;&gt; アーティファクト7
アーティファクト1 --0 アーティファクト8
アーティファクト1 --^ アーティファクト9
アーティファクト1 --(0 アーティファクト10

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1656" height="153" class="scale" src="../imgw/img-90bc19b5579a4138a37e5281134e6d50.png"/></div></div></td></tr></tbody></table></p><p></p><p></p> 次のような種類のリンクも使用できます。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg323323b9ad68f60a224e9b6c1f6cfa80" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img323323b9ad68f60a224e9b6c1f6cfa80" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;323323b9ad68f60a224e9b6c1f6cfa80&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;323323b9ad68f60a224e9b6c1f6cfa80&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;323323b9ad68f60a224e9b6c1f6cfa80&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre323323b9ad68f60a224e9b6c1f6cfa80">@startuml

cloud クラウド1
cloud クラウド2
cloud クラウド3
cloud クラウド4
cloud クラウド5
クラウド1 -0- クラウド2
クラウド1 -0)- クラウド3
クラウド1 -(0- クラウド4
クラウド1 -(0)- クラウド5

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="496" height="177" class="scale" src="../imgw/img-323323b9ad68f60a224e9b6c1f6cfa80.png"/></div></div></td></tr></tbody></table></p><p></p><p></p> 別の例: <p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgbafda2145bc2e0f244f5207567937f58" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgbafda2145bc2e0f244f5207567937f58" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;bafda2145bc2e0f244f5207567937f58&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;bafda2145bc2e0f244f5207567937f58&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;bafda2145bc2e0f244f5207567937f58&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prebafda2145bc2e0f244f5207567937f58">@startuml
actor foo1
actor foo2
foo1 &lt;-0-&gt; foo2
foo1 &lt;-(0)-&gt; foo2
 
(ac1) -le(0)-&gt; left1
ac1 -ri(0)-&gt; right1
ac1 .up(0).&gt; up1
ac1 ~up(0)~&gt; up2
ac1 -do(0)-&gt; down1
ac1 -do(0)-&gt; down2
 
actor1 -0)- actor2
 
component comp1
component comp2
comp1 *-0)-+ comp2
[comp3] &lt;--&gt;&gt; [comp4]

boundary b1
control c1
b1 -(0)- c1

component comp1
interface interf1
comp1 #~~( interf1

:mode1actor: -0)- fooa1
:mode1actorl: -ri0)- foo1l

[component1] 0)-(0-(0 [componentC]
() component3 )-0-(0 &#34;foo&#34; [componentC]

[aze1] #--&gt;&gt; [aze2]
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1399" height="363" class="scale" src="../imgw/img-bafda2145bc2e0f244f5207567937f58.png"/></div></div></td></tr></tbody></table></p><p><em>[Ref. <a href="https://forum.plantuml.net/547/composite-structure-diagrams?show=554#a554">QA-547</a> and <a href="https://forum.plantuml.net/1736/are-partial-lollipop-for-component-diagrams-supported?show=1737#a1737">QA-1736</a>]</em></p><p></p> ⎘ すべての種類は<strong>付録</strong>を参照。 <a style="position:relative;top:-38px;" name="b5f6831632fd63c1"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-114"></span><!-- ezoic_pub_ad_placeholder-114-mid_content-234x60-114-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-114-mid_content-468x60-114-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-114-mid_content-728x90-114-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-114-mid_content-970x90-114-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#4"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#4"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#4"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>各括弧を使用した矢印のスタイル </h2><p></p> （<a href="class-diagram.html#chjviqthvhkikfmwbahk">角括弧を使用した<strong>クラスの</strong>関係（リンク、矢印）のスタイル</a>と同様） <p></p><h3>線のスタイル</h3> 矢印に<code class="cod">bold</code>、<code class="cod">dashed</code>、<code class="cod">dotted</code>、<code class="cod">hidden</code>、<code class="cod">plain</code>のスタイルを指定することができます： <p></p><ul><li>ラベル無し</li></ul><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg06b5658880c0ec7b937d34c3d67d783c" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img06b5658880c0ec7b937d34c3d67d783c" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;06b5658880c0ec7b937d34c3d67d783c&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;06b5658880c0ec7b937d34c3d67d783c&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;06b5658880c0ec7b937d34c3d67d783c&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre06b5658880c0ec7b937d34c3d67d783c">@startuml
node foo
title Bracketed line style without label
foo --&gt; bar
foo -[bold]-&gt; bar1
foo -[dashed]-&gt; bar2
foo -[dotted]-&gt; bar3
foo -[hidden]-&gt; bar4
foo -[plain]-&gt; bar5
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="482" height="221" class="scale" src="../imgw/img-06b5658880c0ec7b937d34c3d67d783c.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><ul><li>ラベル有り</li></ul><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg526ef0ec4b4af77862871d18c7da6e4e" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img526ef0ec4b4af77862871d18c7da6e4e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;526ef0ec4b4af77862871d18c7da6e4e&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;526ef0ec4b4af77862871d18c7da6e4e&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;526ef0ec4b4af77862871d18c7da6e4e&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre526ef0ec4b4af77862871d18c7da6e4e">@startuml
title Bracketed line style with label
node foo
foo --&gt; bar          : ∅
foo -[bold]-&gt; bar1   : [bold]
foo -[dashed]-&gt; bar2 : [dashed]
foo -[dotted]-&gt; bar3 : [dotted]
foo -[hidden]-&gt; bar4 : [hidden]
foo -[plain]-&gt; bar5  : [plain]
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="483" height="239" class="scale" src="../imgw/img-526ef0ec4b4af77862871d18c7da6e4e.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Adapted from <a href="https://forum.plantuml.net/4181/how-change-width-line-in-a-relationship-between-two-classes?show=4232#a4232">QA-4181</a>]</em><p></p><h3>線の色</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msga6ca8bbe72ef79d99b74f4a2f0b7603a" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imga6ca8bbe72ef79d99b74f4a2f0b7603a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;a6ca8bbe72ef79d99b74f4a2f0b7603a&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;a6ca8bbe72ef79d99b74f4a2f0b7603a&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;a6ca8bbe72ef79d99b74f4a2f0b7603a&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prea6ca8bbe72ef79d99b74f4a2f0b7603a">@startuml
title Bracketed line color
node  foo
foo --&gt; bar
foo -[#red]-&gt; bar1     : [#red]
foo -[#green]-&gt; bar2   : [#green]
foo -[#blue]-&gt; bar3    : [#blue]
foo -[#blue;#yellow;#green]-&gt; bar4
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="393" height="239" class="scale" src="../imgw/img-a6ca8bbe72ef79d99b74f4a2f0b7603a.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>線の太さ</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msge013765ccfb458459fdb387e70233f5a" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imge013765ccfb458459fdb387e70233f5a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;e013765ccfb458459fdb387e70233f5a&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;e013765ccfb458459fdb387e70233f5a&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;e013765ccfb458459fdb387e70233f5a&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pree013765ccfb458459fdb387e70233f5a">@startuml
title Bracketed line thickness
node foo
foo --&gt; bar                 : ∅
foo -[thickness=1]-&gt; bar1   : [1]
foo -[thickness=2]-&gt; bar2   : [2]
foo -[thickness=4]-&gt; bar3   : [4]
foo -[thickness=8]-&gt; bar4   : [8]
foo -[thickness=16]-&gt; bar5  : [16]
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="482" height="239" class="scale" src="../imgw/img-e013765ccfb458459fdb387e70233f5a.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Adapted from <a href="https://forum.plantuml.net/4949">QA-4949</a>]</em><p></p><h3>混合</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgd1756100d871f865a339d9c439bdfd7d" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgd1756100d871f865a339d9c439bdfd7d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;d1756100d871f865a339d9c439bdfd7d&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;d1756100d871f865a339d9c439bdfd7d&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;d1756100d871f865a339d9c439bdfd7d&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pred1756100d871f865a339d9c439bdfd7d">@startuml
title Bracketed line style mix
node foo
foo --&gt; bar                             : ∅
foo -[#red,thickness=1]-&gt; bar1          : [#red,1]
foo -[#red,dashed,thickness=2]-&gt; bar2   : [#red,dashed,2]
foo -[#green,dashed,thickness=4]-&gt; bar3 : [#green,dashed,4]
foo -[#blue,dotted,thickness=8]-&gt; bar4  : [blue,dotted,8]
foo -[#blue,plain,thickness=16]-&gt; bar5  : [blue,plain,16]
foo -[#blue;#green,dashed,thickness=4]-&gt; bar6  : [blue;green,dashed,4]
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="803" height="239" class="scale" src="../imgw/img-d1756100d871f865a339d9c439bdfd7d.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="39a64d49d97a1ea0"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#5"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#5"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#5"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>矢印の色とスタイルを変更する（インラインスタイル）</h2><p></p> 個別の矢印ごとに<a href="color.html">色</a>とスタイルを変更するには、次の記法を使用します： <p></p><ul><li><code class="cod">#color;line.[bold|dashed|dotted];text:color</code></li></ul><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg21166a38d3ec525c19b092e05920ba09" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img21166a38d3ec525c19b092e05920ba09" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;21166a38d3ec525c19b092e05920ba09&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;21166a38d3ec525c19b092e05920ba09&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;21166a38d3ec525c19b092e05920ba09&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre21166a38d3ec525c19b092e05920ba09">@startuml
node foo
foo --&gt; bar : normal
foo --&gt; bar1 #line:red;line.bold;text:red  : red bold
foo --&gt; bar2 #green;line.dashed;text:green : green dashed 
foo --&gt; bar3 #blue;line.dotted;text:blue   : blue dotted
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="348" height="201" class="scale" src="../imgw/img-21166a38d3ec525c19b092e05920ba09.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/3770">QA-3770</a> and <a href="https://forum.plantuml.net/3816">QA-3816</a>]</em><em>[See similar feature on <a href="class-diagram.html#b5b0e4228f2e5022">class diagram</a>]</em><a style="position:relative;top:-38px;" name="ded8ac71cf351121"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-115"></span><!-- ezoic_pub_ad_placeholder-115-long_content-234x60-115-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-115-long_content-468x60-115-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-115-long_content-728x90-115-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-115-long_content-970x90-115-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#6"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#6"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#6"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>要素の色とスタイルを変更する（インラインスタイル）</h2><p></p> それぞれ個別の要素について、<a href="color.html">色</a>とスタイルを変更するには、次の記法を使用します： <code class="cod">#color;line:color;line.[bold|dashed|dotted];text:color</code><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg9f7ac2f33bcc4a2146c48c2fec4c8452" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img9f7ac2f33bcc4a2146c48c2fec4c8452" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;9f7ac2f33bcc4a2146c48c2fec4c8452&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;9f7ac2f33bcc4a2146c48c2fec4c8452&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;9f7ac2f33bcc4a2146c48c2fec4c8452&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre9f7ac2f33bcc4a2146c48c2fec4c8452">@startuml
agent a
cloud c #pink;line:red;line.bold;text:red
file  f #palegreen;line:green;line.dashed;text:green
node  n #aliceblue;line:blue;line.dotted;text:blue
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="132" height="177" class="scale" src="../imgw/img-9f7ac2f33bcc4a2146c48c2fec4c8452.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg6f5d4fcb704c75666e420eb981c6e419" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img6f5d4fcb704c75666e420eb981c6e419" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;6f5d4fcb704c75666e420eb981c6e419&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;6f5d4fcb704c75666e420eb981c6e419&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;6f5d4fcb704c75666e420eb981c6e419&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre6f5d4fcb704c75666e420eb981c6e419">@startuml
agent a
cloud c #pink;line:red;line.bold;text:red [
c
cloud description
]
file  f #palegreen;line:green;line.dashed;text:green {
[c1]
[c2]
}
frame frame {
node  n #aliceblue;line:blue;line.dotted;text:blue
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="513" height="113" class="scale" src="../imgw/img-6f5d4fcb704c75666e420eb981c6e419.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/6852">QA-6852</a>]</em><a style="position:relative;top:-38px;" name="b2ecd56c45d3d896"></a><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#7"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#7"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#7"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>入れ子にできる要素</h2><p></p> 次の要素は入れ子にできます： <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg56cab3c75080811eef1c3337ac79e20e" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img56cab3c75080811eef1c3337ac79e20e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;56cab3c75080811eef1c3337ac79e20e&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;56cab3c75080811eef1c3337ac79e20e&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;56cab3c75080811eef1c3337ac79e20e&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre56cab3c75080811eef1c3337ac79e20e">@startuml
artifact アーティファクト {
}
card カード {
}
cloud クラウド {
}
component コンポーネント {
}
database データベース {
}
file ファイル {
}
folder フォルダ {
}
frame フレーム {
}
hexagon 六角形 {
}
node ノード {
}
package パッケージ {
}
queue キュー {
}
rectangle 四角形 {
}
stack スタック {
}
storage ストレージ {
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1868" height="73" class="scale" src="../imgw/img-56cab3c75080811eef1c3337ac79e20e.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="f36f2582540e74f1"></a></p><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-116"></span><!-- ezoic_pub_ad_placeholder-116-longer_content-234x60-116-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-116-longer_content-468x60-116-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-116-longer_content-728x90-116-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-116-longer_content-970x90-116-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#8"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#8"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#8"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>パッケージと入れ子要素</h2><p></p><h3>一階層の例</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msga0d670e51c25bd06546e452f8bd19e0b" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imga0d670e51c25bd06546e452f8bd19e0b" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;a0d670e51c25bd06546e452f8bd19e0b&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;a0d670e51c25bd06546e452f8bd19e0b&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;a0d670e51c25bd06546e452f8bd19e0b&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prea0d670e51c25bd06546e452f8bd19e0b">@startuml
artifact    artifactVeryLOOOOOOOOOOOOOOOOOOOg    as &#34;アーティファクト&#34; {
file f1
}
card        cardVeryLOOOOOOOOOOOOOOOOOOOg        as &#34;カード&#34; {
file f2
}
cloud       cloudVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;クラウド&#34; {
file f3
}
component   componentVeryLOOOOOOOOOOOOOOOOOOOg   as &#34;コンポーネント&#34; {
file f4
}
database    databaseVeryLOOOOOOOOOOOOOOOOOOOg    as &#34;データベース&#34; {
file f5
}
file        fileVeryLOOOOOOOOOOOOOOOOOOOg        as &#34;ファイル&#34; {
file f6
}
folder      folderVeryLOOOOOOOOOOOOOOOOOOOg      as &#34;フォルダ&#34; {
file f7
}
frame       frameVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;フレーム&#34; {
file f8
}
hexagon     hexagonVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;六角形&#34; {
file f9
}
node        nodeVeryLOOOOOOOOOOOOOOOOOOOg        as &#34;ノード&#34; {
file f10
}
package     packageVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;パッケージ&#34; {
file f11
}
queue       queueVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;キュー&#34; {
file f12
}
rectangle   rectangleVeryLOOOOOOOOOOOOOOOOOOOg   as &#34;四角形&#34; {
file f13
}
stack       stackVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;スタック&#34; {
file f14
}
storage     storageVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;ストレージ&#34; {
file f15
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1612" height="127" class="scale" src="../imgw/img-a0d670e51c25bd06546e452f8bd19e0b.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><p></p><h3>他の例</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgadc27e12d66bdfe1a9f95711e328e856" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgadc27e12d66bdfe1a9f95711e328e856" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;adc27e12d66bdfe1a9f95711e328e856&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;adc27e12d66bdfe1a9f95711e328e856&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;adc27e12d66bdfe1a9f95711e328e856&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="preadc27e12d66bdfe1a9f95711e328e856">@startuml
artifact Foo1 {
  folder Foo2
}

folder Foo3 {
  artifact Foo4
}

frame Foo5 {
  database Foo6
}

cloud vpc {
  node ec2 {
    stack stack
  }
}

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="534" height="185" class="scale" src="../imgw/img-adc27e12d66bdfe1a9f95711e328e856.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgeee0cc5d6115aa74d7400bb303e94d80" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgeee0cc5d6115aa74d7400bb303e94d80" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;eee0cc5d6115aa74d7400bb303e94d80&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;eee0cc5d6115aa74d7400bb303e94d80&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;eee0cc5d6115aa74d7400bb303e94d80&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="preeee0cc5d6115aa74d7400bb303e94d80">@startuml
node Foo1 {
 cloud Foo2
}

cloud Foo3 {
  frame Foo4
}

database Foo5  {
  storage Foo6
}

storage Foo7 {
  storage Foo8
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="482" height="132" class="scale" src="../imgw/img-eee0cc5d6115aa74d7400bb303e94d80.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>すべて入れ子にした例</h3><p></p> すべての入れ子要素の例です: <ul><li>アルファベット順:</li></ul><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg31d137c6d8ae7c19a2f78e082ba91272" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img31d137c6d8ae7c19a2f78e082ba91272" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;31d137c6d8ae7c19a2f78e082ba91272&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;31d137c6d8ae7c19a2f78e082ba91272&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;31d137c6d8ae7c19a2f78e082ba91272&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre31d137c6d8ae7c19a2f78e082ba91272">@startuml
artifact アーティファクト {
card カード {
cloud クラウド {
component コンポーネント {
database データベース {
file ファイル {
folder フォルダ {
frame フレーム {
hexagon 六角形 {
node ノード {
package パッケージ {
queue キュー {
rectangle 四角形 {
stack スタック {
storage ストレージ {
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="764" height="1006" class="scale" src="../imgw/img-31d137c6d8ae7c19a2f78e082ba91272.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><ul><li>アルファベットの逆順</li></ul><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg0d731fe48f51914e7475eef81b4ae9ee" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img0d731fe48f51914e7475eef81b4ae9ee" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;0d731fe48f51914e7475eef81b4ae9ee&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;0d731fe48f51914e7475eef81b4ae9ee&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;0d731fe48f51914e7475eef81b4ae9ee&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre0d731fe48f51914e7475eef81b4ae9ee">@startuml
storage ストレージ {
stack スタック {
rectangle 四角形 {
queue キュー {
package パッケージ {
node ノード {
hexagon 六角形 {
frame フレーム {
folder フォルダ {
file ファイル {
database データベース {
component コンポーネント {
cloud クラウド {
card カード {
artifact アーティファクト {
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="810" height="1009" class="scale" src="../imgw/img-0d731fe48f51914e7475eef81b4ae9ee.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="effdb9ce6c5d44df"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#9"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#9"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#9"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>別名 </h2><p></p><h3><code class="cod">as</code>による単純な別名</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg1db775b99993cb4e5ebfe20b2fa715c4" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img1db775b99993cb4e5ebfe20b2fa715c4" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;1db775b99993cb4e5ebfe20b2fa715c4&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;1db775b99993cb4e5ebfe20b2fa715c4&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;1db775b99993cb4e5ebfe20b2fa715c4&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre1db775b99993cb4e5ebfe20b2fa715c4">@startuml
node ノード1 as n1
node &#34;ノード 2&#34; as n2
file f1 as &#34;ファイル 1&#34;
cloud c1 as &#34;これ
は
クラウド
です&#34;
cloud c2 [これ
も
クラウド
です]

n1 -&gt; n2
n1 --&gt; f1
f1 -&gt; c1
c1 -&gt; c2
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="357" height="225" class="scale" src="../imgw/img-1db775b99993cb4e5ebfe20b2fa715c4.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>長い別名の例</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg7926e950c8003abc308b988a322ef4db" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img7926e950c8003abc308b988a322ef4db" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;7926e950c8003abc308b988a322ef4db&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;7926e950c8003abc308b988a322ef4db&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;7926e950c8003abc308b988a322ef4db&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre7926e950c8003abc308b988a322ef4db">@startuml
actor        &#34;アクター&#34;         as actorVeryLOOOOOOOOOOOOOOOOOOOg
agent        &#34;エージェント&#34;     as agentVeryLOOOOOOOOOOOOOOOOOOOg
artifact     &#34;アーティファクト&#34; as artifactVeryLOOOOOOOOOOOOOOOOOOOg
boundary     &#34;境界&#34;             as boundaryVeryLOOOOOOOOOOOOOOOOOOOg
card         &#34;カード&#34;           as cardVeryLOOOOOOOOOOOOOOOOOOOg
cloud        &#34;クラウド&#34;         as cloudVeryLOOOOOOOOOOOOOOOOOOOg
collections  &#34;コレクション&#34;     as collectionsVeryLOOOOOOOOOOOOOOOOOOOg
component    &#34;コンポーネント&#34;   as componentVeryLOOOOOOOOOOOOOOOOOOOg
control      &#34;コントロール&#34;     as controlVeryLOOOOOOOOOOOOOOOOOOOg
database     &#34;データベース&#34;     as databaseVeryLOOOOOOOOOOOOOOOOOOOg
entity       &#34;エンティティ&#34;     as entityVeryLOOOOOOOOOOOOOOOOOOOg
file         &#34;ファイル&#34;         as fileVeryLOOOOOOOOOOOOOOOOOOOg
folder       &#34;フォルダ&#34;         as folderVeryLOOOOOOOOOOOOOOOOOOOg
frame        &#34;フレーム&#34;         as frameVeryLOOOOOOOOOOOOOOOOOOOg
hexagon      &#34;六角形&#34;           as hexagonVeryLOOOOOOOOOOOOOOOOOOOg
interface    &#34;インターフェース&#34; as interfaceVeryLOOOOOOOOOOOOOOOOOOOg
label        &#34;ラベル&#34;           as labelVeryLOOOOOOOOOOOOOOOOOOOg
node         &#34;ノード&#34;           as nodeVeryLOOOOOOOOOOOOOOOOOOOg
package      &#34;パッケージ&#34;       as packageVeryLOOOOOOOOOOOOOOOOOOOg
person       &#34;人型&#34;             as personVeryLOOOOOOOOOOOOOOOOOOOg
queue        &#34;キュー&#34;           as queueVeryLOOOOOOOOOOOOOOOOOOOg
stack        &#34;スタック&#34;         as stackVeryLOOOOOOOOOOOOOOOOOOOg
rectangle    &#34;四角形&#34;           as rectangleVeryLOOOOOOOOOOOOOOOOOOOg
storage      &#34;ストレージ&#34;       as storageVeryLOOOOOOOOOOOOOOOOOOOg
usecase      &#34;ユースケース&#34;     as usecaseVeryLOOOOOOOOOOOOOOOOOOOg
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="821" height="533" class="scale" src="../imgw/img-7926e950c8003abc308b988a322ef4db.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msga5e3c42c33ca7a974d970b72a258386e" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imga5e3c42c33ca7a974d970b72a258386e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;a5e3c42c33ca7a974d970b72a258386e&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;a5e3c42c33ca7a974d970b72a258386e&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;a5e3c42c33ca7a974d970b72a258386e&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prea5e3c42c33ca7a974d970b72a258386e">@startuml
actor       actorVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;アクター&#34;
agent       agentVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;エージェント&#34;
artifact    artifactVeryLOOOOOOOOOOOOOOOOOOOg    as &#34;アーティファクト&#34;
boundary    boundaryVeryLOOOOOOOOOOOOOOOOOOOg    as &#34;境界&#34;
card        cardVeryLOOOOOOOOOOOOOOOOOOOg        as &#34;カード&#34;
cloud       cloudVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;クラウド&#34;
collections collectionsVeryLOOOOOOOOOOOOOOOOOOOg as &#34;コレクション&#34;
component   componentVeryLOOOOOOOOOOOOOOOOOOOg   as &#34;コンポーネント&#34;
control     controlVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;コントロール&#34;
database    databaseVeryLOOOOOOOOOOOOOOOOOOOg    as &#34;データベース&#34;
entity      entityVeryLOOOOOOOOOOOOOOOOOOOg      as &#34;エンティティ&#34;
file        fileVeryLOOOOOOOOOOOOOOOOOOOg        as &#34;ファイル&#34;
folder      folderVeryLOOOOOOOOOOOOOOOOOOOg      as &#34;フォルダ&#34;
frame       frameVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;フレーム&#34;
hexagon     hexagonVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;六角形&#34;
interface   interfaceVeryLOOOOOOOOOOOOOOOOOOOg   as &#34;インターフェース&#34;
label       labelVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;ラベル&#34;
node        nodeVeryLOOOOOOOOOOOOOOOOOOOg        as &#34;ノード&#34;
package     packageVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;パッケージ&#34;
person      personVeryLOOOOOOOOOOOOOOOOOOOg      as &#34;人型&#34;
queue       queueVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;キュー&#34;
stack       stackVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;スタック&#34;
rectangle   rectangleVeryLOOOOOOOOOOOOOOOOOOOg   as &#34;四角形&#34;
storage     storageVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;ストレージ&#34;
usecase     usecaseVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;ユースケース&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="821" height="533" class="scale" src="../imgw/img-a5e3c42c33ca7a974d970b72a258386e.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/12082">QA-12082</a>]</em><a style="position:relative;top:-38px;" name="d6ace33a51767250"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-117"></span><!-- ezoic_pub_ad_placeholder-117-longest_content-234x60-117-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-117-longest_content-468x60-117-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-117-longest_content-728x90-117-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-117-longest_content-970x90-117-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#10"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#10"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#10"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>角に丸みをつける</h2><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg1c607a6d77067d47c4ee7592f4c6a649" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img1c607a6d77067d47c4ee7592f4c6a649" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;1c607a6d77067d47c4ee7592f4c6a649&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;1c607a6d77067d47c4ee7592f4c6a649&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;1c607a6d77067d47c4ee7592f4c6a649&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre1c607a6d77067d47c4ee7592f4c6a649">@startuml
skinparam rectangle {
    roundCorner&lt;&lt;コンセプト&gt;&gt; 25
}


rectangle &#34;コンセプト・モデル&#34; &lt;&lt;コンセプト&gt;&gt; {
rectangle &#34;例 1&#34; &lt;&lt;コンセプト&gt;&gt; as ex1
rectangle &#34;別の四角形&#34;
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="275" height="137" class="scale" src="../imgw/img-1c607a6d77067d47c4ee7592f4c6a649.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><a style="position:relative;top:-38px;" name="75b4984abd04b14f"></a><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#11"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#11"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#11"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>特有のskinparam</h2><p></p><h3>roundCorner </h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgd99cba0cc702f3fdcdc893bb6e96f827" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgd99cba0cc702f3fdcdc893bb6e96f827" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;d99cba0cc702f3fdcdc893bb6e96f827&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;d99cba0cc702f3fdcdc893bb6e96f827&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;d99cba0cc702f3fdcdc893bb6e96f827&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pred99cba0cc702f3fdcdc893bb6e96f827">@startuml
skinparam roundCorner 15
actor アクター
agent エージェント
artifact アーティファクト
boundary 境界
card カード
circle 円
cloud クラウド
collections コレクション
component コンポーネント
control コントロール
database データベース
entity エンティティ
file ファイル
folder フォルダ
frame フレーム
hexagon 六角形
interface インターフェース
label ラベル
node ノード
package パッケージ
person 人型
queue キュー
rectangle 四角形
stack スタック
storage ストレージ
usecase ユースケース
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="795" height="531" class="scale" src="../imgw/img-d99cba0cc702f3fdcdc893bb6e96f827.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/5299">QA-5299</a>, <a href="https://forum.plantuml.net/6915">QA-6915</a>, <a href="https://forum.plantuml.net/11943">QA-11943</a>]</em><a style="position:relative;top:-38px;" name="85f50efefa90c284"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-118"></span><!-- ezoic_pub_ad_placeholder-118-incontent_5-234x60-118-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-118-incontent_5-468x60-118-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-118-incontent_5-728x90-118-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-118-incontent_5-970x90-118-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#12"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#12"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#12"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>付録：線の種類の一覧</h2><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg6d4063eb0cbfa2c33562b072c31c4cd7" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img6d4063eb0cbfa2c33562b072c31c4cd7" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;6d4063eb0cbfa2c33562b072c31c4cd7&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;6d4063eb0cbfa2c33562b072c31c4cd7&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;6d4063eb0cbfa2c33562b072c31c4cd7&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre6d4063eb0cbfa2c33562b072c31c4cd7">@startuml
left to right direction
skinparam nodesep 5

f3  ~~  b3  : &#34;&#34;~~&#34;&#34;\n//dotted//
f2  ..  b2  : &#34;&#34;..&#34;&#34;\n//dashed//
f1  ==  b1  : &#34;&#34;==&#34;&#34;\n//bold//
f0  --  b0  : &#34;&#34;--&#34;&#34;\n//plain//
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="186" height="276" class="scale" src="../imgw/img-6d4063eb0cbfa2c33562b072c31c4cd7.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="e281b137af34842a"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#13"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#13"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#13"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>付録：矢印の先端と&#39;0&#39;矢印の一覧</h2><p></p><h3>矢印の先端</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg32553440d1c156d3d2698bc2d638b40f" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img32553440d1c156d3d2698bc2d638b40f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;32553440d1c156d3d2698bc2d638b40f&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;32553440d1c156d3d2698bc2d638b40f&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;32553440d1c156d3d2698bc2d638b40f&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre32553440d1c156d3d2698bc2d638b40f">@startuml
left to right direction
skinparam nodesep 5

f13 --0   b13 : &#34;&#34;--0&#34;&#34;
f12 --@   b12 : &#34;&#34;--@&#34;&#34;
f11 --:|&gt; b11 : &#34;&#34;--:|&gt;&#34;&#34;
f10 --||&gt; b10 : &#34;&#34;--||&gt;&#34;&#34;
f9  --|&gt;  b9  : &#34;&#34;--|&gt;&#34;&#34;
f8  --^   b8  : &#34;&#34;--^ &#34;&#34;
f7  --\\  b7  : &#34;&#34;--\\\\&#34;&#34;
f6  --#   b6  : &#34;&#34;--# &#34;&#34;
f5  --+   b5  : &#34;&#34;--+ &#34;&#34;
f4  --o   b4  : &#34;&#34;--o &#34;&#34;
f3  --*   b3  : &#34;&#34;--* &#34;&#34;
f2  --&gt;&gt;  b2  : &#34;&#34;--&gt;&gt;&#34;&#34;
f1  --&gt;   b1  : &#34;&#34;--&gt; &#34;&#34;
f0  --    b0  : &#34;&#34;--  &#34;&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="174" height="908" class="scale" src="../imgw/img-32553440d1c156d3d2698bc2d638b40f.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>丸形の矢印（&#39;0&#39;矢印）</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg7c804b50f146a3b92bbf6b9da76994f1" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img7c804b50f146a3b92bbf6b9da76994f1" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;7c804b50f146a3b92bbf6b9da76994f1&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;7c804b50f146a3b92bbf6b9da76994f1&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;7c804b50f146a3b92bbf6b9da76994f1&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre7c804b50f146a3b92bbf6b9da76994f1">@startuml
left to right direction
skinparam nodesep 5

f10 0--0 b10 : &#34;&#34; 0--0 &#34;&#34;
f9 )--(  b9  : &#34;&#34; )--( &#34;&#34;
f8 0)--(0 b8 : &#34;&#34; 0)--(0&#34;&#34;
f7 0)--  b7  : &#34;&#34; 0)-- &#34;&#34;
f6 -0)-  b6  : &#34;&#34; -0)- &#34;&#34;
f5 -(0)- b5  : &#34;&#34; -(0)-&#34;&#34;
f4 -(0-  b4  : &#34;&#34; -(0- &#34;&#34;
f3 --(0  b3  : &#34;&#34; --(0 &#34;&#34;
f2 --(   b2  : &#34;&#34; --(  &#34;&#34;
f1 --0   b1  : &#34;&#34; --0  &#34;&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="191" height="648" class="scale" src="../imgw/img-7c804b50f146a3b92bbf6b9da76994f1.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="a1f5e07fd64da2cc"></a></p><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-119"></span><!-- ezoic_pub_ad_placeholder-119-incontent_6-234x60-119-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-119-incontent_6-468x60-119-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-119-incontent_6-728x90-119-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-119-incontent_6-970x90-119-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#14"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#14"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#14"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>付録：すべての要素に対するインラインスタイルのテスト</h2><p></p><h3>シンプルな要素</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg5c1d72c90f53f8f389b4bb33e4f3ea5d" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img5c1d72c90f53f8f389b4bb33e4f3ea5d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5c1d72c90f53f8f389b4bb33e4f3ea5d&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5c1d72c90f53f8f389b4bb33e4f3ea5d&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;5c1d72c90f53f8f389b4bb33e4f3ea5d&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre5c1d72c90f53f8f389b4bb33e4f3ea5d">@startuml
actor アクター             #aliceblue;line:blue;line.dotted;text:blue
actor/ &#34;アクター/&#34;         #aliceblue;line:blue;line.dotted;text:blue
agent エージェント         #aliceblue;line:blue;line.dotted;text:blue
artifact アーティファクト  #aliceblue;line:blue;line.dotted;text:blue
boundary 境界              #aliceblue;line:blue;line.dotted;text:blue
card カード                #aliceblue;line:blue;line.dotted;text:blue
circle 円                  #aliceblue;line:blue;line.dotted;text:blue
cloud クラウド             #aliceblue;line:blue;line.dotted;text:blue
collections コレクション   #aliceblue;line:blue;line.dotted;text:blue
component コンポーネント   #aliceblue;line:blue;line.dotted;text:blue
control コントロール       #aliceblue;line:blue;line.dotted;text:blue
database データベース      #aliceblue;line:blue;line.dotted;text:blue
entity エンティティ        #aliceblue;line:blue;line.dotted;text:blue
file ファイル              #aliceblue;line:blue;line.dotted;text:blue
folder フォルダ            #aliceblue;line:blue;line.dotted;text:blue
frame フレーム             #aliceblue;line:blue;line.dotted;text:blue
hexagon 六角形             #aliceblue;line:blue;line.dotted;text:blue
interface インターフェース #aliceblue;line:blue;line.dotted;text:blue
label ラベル               #aliceblue;line:blue;line.dotted;text:blue
node ノード                #aliceblue;line:blue;line.dotted;text:blue
package パッケージ         #aliceblue;line:blue;line.dotted;text:blue
person 人型                #aliceblue;line:blue;line.dotted;text:blue
queue キュー               #aliceblue;line:blue;line.dotted;text:blue
rectangle 四角形           #aliceblue;line:blue;line.dotted;text:blue
stack スタック             #aliceblue;line:blue;line.dotted;text:blue
storage ストレージ         #aliceblue;line:blue;line.dotted;text:blue
usecase ユースケース       #aliceblue;line:blue;line.dotted;text:blue
usecase/ &#34;ユースケース/&#34;   #aliceblue;line:blue;line.dotted;text:blue
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="793" height="542" class="scale" src="../imgw/img-5c1d72c90f53f8f389b4bb33e4f3ea5d.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>入れ子の要素</h3><p></p><h4>サブ要素無し</h4><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg1ce747ca85f4d67bc428264c20a4ed75" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img1ce747ca85f4d67bc428264c20a4ed75" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;1ce747ca85f4d67bc428264c20a4ed75&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;1ce747ca85f4d67bc428264c20a4ed75&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;1ce747ca85f4d67bc428264c20a4ed75&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre1ce747ca85f4d67bc428264c20a4ed75">@startuml
artifact アーティファクト #aliceblue;line:blue;line.dotted;text:blue {
}
card カード #aliceblue;line:blue;line.dotted;text:blue {
}
cloud クラウド #aliceblue;line:blue;line.dotted;text:blue {
}
component コンポーネント #aliceblue;line:blue;line.dotted;text:blue {
}
database データベース #aliceblue;line:blue;line.dotted;text:blue {
}
file ファイル #aliceblue;line:blue;line.dotted;text:blue {
}
folder フォルダ #aliceblue;line:blue;line.dotted;text:blue {
}
frame フレーム #aliceblue;line:blue;line.dotted;text:blue {
}
hexagon 六角形 #aliceblue;line:blue;line.dotted;text:blue {
}
node ノード #aliceblue;line:blue;line.dotted;text:blue {
}
package パッケージ #aliceblue;line:blue;line.dotted;text:blue {
}
queue キュー #aliceblue;line:blue;line.dotted;text:blue {
}
rectangle 四角形 #aliceblue;line:blue;line.dotted;text:blue {
}
stack スタック #aliceblue;line:blue;line.dotted;text:blue {
}
storage ストレージ #aliceblue;line:blue;line.dotted;text:blue {
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1868" height="73" class="scale" src="../imgw/img-1ce747ca85f4d67bc428264c20a4ed75.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><p></p><h4>サブ要素有り</h4><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg166fafcee77891aa8e9f43abcf95d1ac" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img166fafcee77891aa8e9f43abcf95d1ac" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;166fafcee77891aa8e9f43abcf95d1ac&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;166fafcee77891aa8e9f43abcf95d1ac&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;166fafcee77891aa8e9f43abcf95d1ac&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre166fafcee77891aa8e9f43abcf95d1ac">@startuml
artifact    artifactVeryLOOOOOOOOOOOOOOOOOOOg    as &#34;アーティファクト&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f1
}
card        cardVeryLOOOOOOOOOOOOOOOOOOOg        as &#34;カード&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f2
}
cloud       cloudVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;クラウド&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f3
}
component   componentVeryLOOOOOOOOOOOOOOOOOOOg   as &#34;コンポーネント&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f4
}
database    databaseVeryLOOOOOOOOOOOOOOOOOOOg    as &#34;データベース&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f5
}
file        fileVeryLOOOOOOOOOOOOOOOOOOOg        as &#34;ファイル&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f6
}
folder      folderVeryLOOOOOOOOOOOOOOOOOOOg      as &#34;フォルダ&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f7
}
frame       frameVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;フレーム&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f8
}
hexagon     hexagonVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;六角形&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f9
}
node        nodeVeryLOOOOOOOOOOOOOOOOOOOg        as &#34;ノード&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f10
}
package     packageVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;パッケージ&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f11
}
queue       queueVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;キュー&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f12
}
rectangle   rectangleVeryLOOOOOOOOOOOOOOOOOOOg   as &#34;四角形&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f13
}
stack       stackVeryLOOOOOOOOOOOOOOOOOOOg       as &#34;スタック&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f14
}
storage     storageVeryLOOOOOOOOOOOOOOOOOOOg     as &#34;ストレージ&#34; #aliceblue;line:blue;line.dotted;text:blue {
file f15
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1612" height="127" class="scale" src="../imgw/img-166fafcee77891aa8e9f43abcf95d1ac.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="b3234841348a68e0"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#15"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#15"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#15"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>付録：すべての要素に対するスタイルのテスト</h2><p></p><h3>シンプルな要素</h3><h4>グローバルスタイル（componentDiagram）</h4><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgcb1c868f0da867df2faf30a8904a04c9" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgcb1c868f0da867df2faf30a8904a04c9" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;cb1c868f0da867df2faf30a8904a04c9&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;cb1c868f0da867df2faf30a8904a04c9&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;cb1c868f0da867df2faf30a8904a04c9&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="precb1c868f0da867df2faf30a8904a04c9">@startuml
&lt;style&gt;
componentDiagram {
  BackGroundColor palegreen
  LineThickness 1
  LineColor red
}
document {
  BackGroundColor white
}
&lt;/style&gt;
actor アクター
actor/ &#34;アクター/&#34;
agent エージェント
artifact アーティファクト
boundary 境界
card カード
circle 円
cloud クラウド
collections コレクション
component コンポーネント
control コントロール
database データベース
entity エンティティ
file ファイル
folder フォルダ
frame フレーム
hexagon 六角形
interface インターフェース
label ラベル
node ノード
package パッケージ
person 人型
queue キュー
rectangle 四角形
stack スタック
storage ストレージ
usecase ユースケース
usecase/ &#34;ユースケース/&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="793" height="542" class="scale" src="../imgw/img-cb1c868f0da867df2faf30a8904a04c9.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h4>エレメント毎のスタイル</h4><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg5ee134bdb82d2119bfb5cec80de52d2d" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img5ee134bdb82d2119bfb5cec80de52d2d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5ee134bdb82d2119bfb5cec80de52d2d&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5ee134bdb82d2119bfb5cec80de52d2d&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;5ee134bdb82d2119bfb5cec80de52d2d&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre5ee134bdb82d2119bfb5cec80de52d2d">@startuml
&lt;style&gt;
actor {
  BackGroundColor #f80c12
  LineThickness 1
  LineColor black
}
agent {
  BackGroundColor #f80c12
  LineThickness 1
  LineColor black
}
artifact {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
boundary {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
card {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
circle {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
cloud {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
collections {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
component {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
control {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
database {
  BackGroundColor #ff9933
  LineThickness 1
  LineColor black
}
entity {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
file {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
folder {
  BackGroundColor #ccbb33
  LineThickness 1
  LineColor black
}
frame {
  BackGroundColor #d0c310
  LineThickness 1
  LineColor black
}
hexagon {
  BackGroundColor #aacc22
  LineThickness 1
  LineColor black
}
interface {
  BackGroundColor #69d025
  LineThickness 1
  LineColor black
}
label {
  BackGroundColor black
  LineThickness 1
  LineColor black
}
node {
  BackGroundColor #22ccaa
  LineThickness 1
  LineColor black
}
package {
  BackGroundColor #12bdb9
  LineThickness 1
  LineColor black
}
person {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
queue {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
rectangle {
  BackGroundColor #4444dd
  LineThickness 1
  LineColor black
}
stack {
  BackGroundColor #3311bb
  LineThickness 1
  LineColor black
}
storage {
  BackGroundColor #3b0cbd
  LineThickness 1
  LineColor black
}
usecase {
  BackGroundColor #442299
  LineThickness 1
  LineColor black
}
&lt;/style&gt;
actor アクター
actor/ &#34;アクター/&#34;
agent エージェント
artifact アーティファクト
boundary 境界
card カード
circle 円
cloud クラウド
collections コレクション
component コンポーネント
control コントロール
database データベース
entity エンティティ
file ファイル
folder フォルダ
frame フレーム
hexagon 六角形
interface インターフェース
label ラベル
node ノード
package パッケージ
person 人型
queue キュー
rectangle 四角形
stack スタック
storage ストレージ
usecase ユースケース
usecase/ &#34;ユースケース/&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="793" height="542" class="scale" src="../imgw/img-5ee134bdb82d2119bfb5cec80de52d2d.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/13261/">QA-13261</a>]</em><p></p><h3>入れ子要素 (階層無し)</h3><h4>グローバルスタイル (componentDiagram)</h4><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg26290a0f9fd6c923fcc9fa926eab6ba2" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img26290a0f9fd6c923fcc9fa926eab6ba2" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;26290a0f9fd6c923fcc9fa926eab6ba2&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;26290a0f9fd6c923fcc9fa926eab6ba2&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;26290a0f9fd6c923fcc9fa926eab6ba2&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre26290a0f9fd6c923fcc9fa926eab6ba2">@startuml
&lt;style&gt;
componentDiagram {
  BackGroundColor palegreen
  LineThickness 2
  LineColor red
}
&lt;/style&gt;
artifact artifact {
}
card card {
}
cloud cloud {
}
component component {
}
database database {
}
file file {
}
folder folder {
}
frame frame {
}
hexagon hexagon {
}
node node {
}
package package {
}
queue queue {
}
rectangle rectangle {
}
stack stack {
}
storage storage {
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1612" height="73" class="scale" src="../imgw/img-26290a0f9fd6c923fcc9fa926eab6ba2.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h4>入れ子要素ごとのスタイル</h4><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg2a0907e589b9f65730483638f7d2bd5f" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img2a0907e589b9f65730483638f7d2bd5f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;2a0907e589b9f65730483638f7d2bd5f&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;2a0907e589b9f65730483638f7d2bd5f&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;2a0907e589b9f65730483638f7d2bd5f&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre2a0907e589b9f65730483638f7d2bd5f">@startuml
&lt;style&gt;
artifact {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
card {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
cloud {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
component {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
database {
  BackGroundColor #ff9933
  LineThickness 1
  LineColor black
}
file {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
folder {
  BackGroundColor #ccbb33
  LineThickness 1
  LineColor black
}
frame {
  BackGroundColor #d0c310
  LineThickness 1
  LineColor black
}
hexagon {
  BackGroundColor #aacc22
  LineThickness 1
  LineColor black
}
node {
  BackGroundColor #22ccaa
  LineThickness 1
  LineColor black
}
package {
  BackGroundColor #12bdb9
  LineThickness 1
  LineColor black
}
queue {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
rectangle {
  BackGroundColor #4444dd
  LineThickness 1
  LineColor black
}
stack {
  BackGroundColor #3311bb
  LineThickness 1
  LineColor black
}
storage {
  BackGroundColor #3b0cbd
  LineThickness 1
  LineColor black
}

&lt;/style&gt;
artifact artifact {
}
card card {
}
cloud cloud {
}
component component {
}
database database {
}
file file {
}
folder folder {
}
frame frame {
}
hexagon hexagon {
}
node node {
}
package package {
}
queue queue {
}
rectangle rectangle {
}
stack stack {
}
storage storage {
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1612" height="73" class="scale" src="../imgw/img-2a0907e589b9f65730483638f7d2bd5f.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>入れ子要素（一階層）</h3><h4>グローバルスタイル（componentDiagram）</h4><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg047b9277a68f57df4fcb45d791deb77a" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img047b9277a68f57df4fcb45d791deb77a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;047b9277a68f57df4fcb45d791deb77a&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;047b9277a68f57df4fcb45d791deb77a&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;047b9277a68f57df4fcb45d791deb77a&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre047b9277a68f57df4fcb45d791deb77a">@startuml
&lt;style&gt;
componentDiagram {
  BackGroundColor palegreen
  LineThickness 1
  LineColor red
}
document {
  BackGroundColor white
}
&lt;/style&gt;
artifact e1 as &#34;アーティファクト&#34; {
file f1
}
card e2 as &#34;カード&#34; {
file f2
}
cloud e3 as &#34;クラウド&#34; {
file f3
}
component e4 as &#34;コンポーネント&#34; {
file f4
}
database e5 as &#34;データベース&#34; {
file f5
}
file e6 as &#34;ファイル&#34; {
file f6
}
folder e7 as &#34;フォルダ&#34; {
file f7
}
frame e8 as &#34;フレーム&#34; {
file f8
}
hexagon e9 as &#34;六角形&#34; {
file f9
}
node e10 as &#34;ノード&#34; {
file f10
}
package e11 as &#34;パッケージ&#34; {
file f11
}
queue e12 as &#34;キュー&#34; {
file f12
}
rectangle e13 as &#34;四角形&#34; {
file f13
}
stack e14 as &#34;スタック&#34; {
file f14
}
storage e15 as &#34;ストレージ&#34; {
file f15
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1612" height="127" class="scale" src="../imgw/img-047b9277a68f57df4fcb45d791deb77a.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h4>入れ子要素ごとのスタイル</h4><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgcf005f390b422852dc50e9af746e28fe" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgcf005f390b422852dc50e9af746e28fe" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;cf005f390b422852dc50e9af746e28fe&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;cf005f390b422852dc50e9af746e28fe&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;cf005f390b422852dc50e9af746e28fe&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="precf005f390b422852dc50e9af746e28fe">@startuml
&lt;style&gt;
artifact {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
card {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
cloud {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
component {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
database {
  BackGroundColor #ff9933
  LineThickness 1
  LineColor black
}
file {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
folder {
  BackGroundColor #ccbb33
  LineThickness 1
  LineColor black
}
frame {
  BackGroundColor #d0c310
  LineThickness 1
  LineColor black
}
hexagon {
  BackGroundColor #aacc22
  LineThickness 1
  LineColor black
}
node {
  BackGroundColor #22ccaa
  LineThickness 1
  LineColor black
}
package {
  BackGroundColor #12bdb9
  LineThickness 1
  LineColor black
}
queue {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
rectangle {
  BackGroundColor #4444dd
  LineThickness 1
  LineColor black
}
stack {
  BackGroundColor #3311bb
  LineThickness 1
  LineColor black
}
storage {
  BackGroundColor #3b0cbd
  LineThickness 1
  LineColor black
}
&lt;/style&gt;
artifact e1 as &#34;アーティファクト&#34; {
file f1
}
card e2 as &#34;カード&#34; {
file f2
}
cloud e3 as &#34;クラウド&#34; {
file f3
}
component e4 as &#34;コンポーネント&#34; {
file f4
}
database e5 as &#34;データベース&#34; {
file f5
}
file e6 as &#34;ファイル&#34; {
file f6
}
folder e7 as &#34;フォルダ&#34; {
file f7
}
frame e8 as &#34;フレーム&#34; {
file f8
}
hexagon e9 as &#34;六角形&#34; {
file f9
}
node e10 as &#34;ノード&#34; {
file f10
}
package e11 as &#34;パッケージ&#34; {
file f11
}
queue e12 as &#34;キュー&#34; {
file f12
}
rectangle e13 as &#34;四角形&#34; {
file f13
}
stack e14 as &#34;スタック&#34; {
file f14
}
storage e15 as &#34;ストレージ&#34; {
file f15
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="1612" height="127" class="scale" src="../imgw/img-cf005f390b422852dc50e9af746e28fe.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="a2583a8e681fd647"></a></p><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-120"></span><!-- ezoic_pub_ad_placeholder-120-incontent_7-234x60-120-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-120-incontent_7-468x60-120-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-120-incontent_7-728x90-120-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-120-incontent_7-970x90-120-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#16"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#16"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#16"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>付録: すべての要素にスタイル指定した場合のステレオタイプのテスト</h2><p></p><h3>単純な要素</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg92a34d591aa9066e20998d55be197b80" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img92a34d591aa9066e20998d55be197b80" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;92a34d591aa9066e20998d55be197b80&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;92a34d591aa9066e20998d55be197b80&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;92a34d591aa9066e20998d55be197b80&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre92a34d591aa9066e20998d55be197b80">@startuml
&lt;style&gt;
.stereo {
  BackgroundColor palegreen
}
&lt;/style&gt;
actor アクター &lt;&lt; stereo &gt;&gt;
actor/ &#34;アクター/&#34; &lt;&lt; stereo &gt;&gt;
agent エージェント &lt;&lt; stereo &gt;&gt;
artifact アーティファクト &lt;&lt; stereo &gt;&gt;
boundary 境界 &lt;&lt; stereo &gt;&gt;
card カード &lt;&lt; stereo &gt;&gt;
circle 円 &lt;&lt; stereo &gt;&gt;
cloud クラウド &lt;&lt; stereo &gt;&gt;
collections コレクション &lt;&lt; stereo &gt;&gt;
component コンポーネント &lt;&lt; stereo &gt;&gt;
control コントロール &lt;&lt; stereo &gt;&gt;
database データベース &lt;&lt; stereo &gt;&gt;
entity エンティティ &lt;&lt; stereo &gt;&gt;
file ファイル &lt;&lt; stereo &gt;&gt;
folder フォルダ &lt;&lt; stereo &gt;&gt;
frame フレーム &lt;&lt; stereo &gt;&gt;
hexagon 六角形 &lt;&lt; stereo &gt;&gt;
interface インターフェース &lt;&lt; stereo &gt;&gt;
label ラベル &lt;&lt; stereo &gt;&gt;
node ノード &lt;&lt; stereo &gt;&gt;
package パッケージ &lt;&lt; stereo &gt;&gt;
person 人型 &lt;&lt; stereo &gt;&gt;
queue キュー &lt;&lt; stereo &gt;&gt;
rectangle 四角形 &lt;&lt; stereo &gt;&gt;
stack スタック &lt;&lt; stereo &gt;&gt;
storage ストレージ &lt;&lt; stereo &gt;&gt;
usecase ユースケース &lt;&lt; stereo &gt;&gt;
usecase/ &#34;ユースケース/&#34; &lt;&lt; stereo &gt;&gt;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="802" height="625" class="scale" src="../imgw/img-92a34d591aa9066e20998d55be197b80.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="770d6bd35757f49a"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#17"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#17"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#17"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Display JSON Data on Deployment diagram</h2><p></p><h3>Simple example</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgbd3d3167303bd8e647ed13fefa07ea6c" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgbd3d3167303bd8e647ed13fefa07ea6c" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;bd3d3167303bd8e647ed13fefa07ea6c&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;bd3d3167303bd8e647ed13fefa07ea6c&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;bd3d3167303bd8e647ed13fefa07ea6c&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prebd3d3167303bd8e647ed13fefa07ea6c">@startuml
allowmixing

component Component
actor     Actor
usecase   Usecase
()        Interface
node      Node
cloud     Cloud

json JSON {
   &#34;fruit&#34;:&#34;Apple&#34;,
   &#34;size&#34;:&#34;Large&#34;,
   &#34;color&#34;: [&#34;Red&#34;, &#34;Green&#34;]
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="328" height="381" class="scale" src="../imgw/img-bd3d3167303bd8e647ed13fefa07ea6c.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/15481/possible-link-elements-from-two-jsons-with-both-jsons-embeded?show=15567#c15567">QA-15481</a>]</em><p></p> For another example, see on <a href="json.html#2fyxla9p9ob6l3t3tjre">JSON page</a>. <a style="position:relative;top:-38px;" name="e75c1203eb5d242a"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-121"></span><!-- ezoic_pub_ad_placeholder-121-incontent_8-234x60-121-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-121-incontent_8-468x60-121-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-121-incontent_8-728x90-121-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-121-incontent_8-970x90-121-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#18"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#18"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#18"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Mixing Deployment (Usecase, Component, Deployment) element within a Class or Object diagram</h2><p></p> In order to add a Deployment element or a State element within a Class or Object diagram, you can use the <code class="cod">allowmixing</code> or <code class="cod">allow_mixing</code> directive. <p></p><h3>Mixing all elements</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msge3f702ba1a20949e2884675cce91b9d5" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imge3f702ba1a20949e2884675cce91b9d5" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;e3f702ba1a20949e2884675cce91b9d5&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;e3f702ba1a20949e2884675cce91b9d5&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;e3f702ba1a20949e2884675cce91b9d5&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pree3f702ba1a20949e2884675cce91b9d5">@startuml

allowmixing

skinparam nodesep 10
abstract        abstract
abstract class  &#34;abstract class&#34;
annotation      annotation
circle          circle
()              circle_short_form
class           class
diamond         diamond
&lt;&gt;              diamond_short_form
entity          entity
enum            enum
exception       exception
interface       interface
metaclass       metaclass
protocol        protocol
stereotype      stereotype
struct          struct
object          object
map map {
 key =&gt; value
}
json JSON {
   &#34;fruit&#34;:&#34;Apple&#34;,
   &#34;size&#34;:&#34;Large&#34;,
   &#34;color&#34;: [&#34;Red&#34;, &#34;Green&#34;]
}
actor actor
actor/ &#34;actor/&#34;
agent agent
artifact artifact
boundary boundary
card card
circle circle
cloud cloud
collections collections
component component
control control
database database
entity entity
file file
folder folder
frame frame
hexagon hexagon
interface interface
label label
node node
package package
person person
queue queue
rectangle rectangle
stack stack
storage storage
usecase usecase
usecase/ &#34;usecase/&#34;
state state
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="658" height="804" class="scale" src="../imgw/img-e3f702ba1a20949e2884675cce91b9d5.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/2335/use-of-actor-inside-class-diagrams">QA-2335</a> and <a href="https://forum.plantuml.net/5329/language-definition">QA-5329</a>]</em><a style="position:relative;top:-38px;" name="76402ab93d6541bf"></a><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/deployment-diagram#19"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/deployment-diagram#19"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/deployment-diagram#19"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Port [port, portIn, portOut]</h2><p></p> You can added <strong>port</strong> with <code class="cod">port</code>, <code class="cod">portin</code>and <code class="cod">portout</code> keywords. <p></p><h3>Port</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgeaa1923a72f964ea7d0cc3e0d135eb55" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgeaa1923a72f964ea7d0cc3e0d135eb55" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;eaa1923a72f964ea7d0cc3e0d135eb55&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;eaa1923a72f964ea7d0cc3e0d135eb55&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;eaa1923a72f964ea7d0cc3e0d135eb55&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="preeaa1923a72f964ea7d0cc3e0d135eb55">@startuml
[c]
node node {
  port p1
  port p2
  port p3
  file f1
}

c --&gt; p1
c --&gt; p2
c --&gt; p3
p1 --&gt; f1
p2 --&gt; f1
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="176" height="257" class="scale" src="../imgw/img-eaa1923a72f964ea7d0cc3e0d135eb55.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>PortIn</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg0e05a4385ea2da484bb2a5c215f268fd" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img0e05a4385ea2da484bb2a5c215f268fd" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;0e05a4385ea2da484bb2a5c215f268fd&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;0e05a4385ea2da484bb2a5c215f268fd&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;0e05a4385ea2da484bb2a5c215f268fd&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre0e05a4385ea2da484bb2a5c215f268fd">@startuml
[c]
node node {
  portin p1
  portin p2
  portin p3
  file f1
}

c --&gt; p1
c --&gt; p2
c --&gt; p3
p1 --&gt; f1
p2 --&gt; f1
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="176" height="257" class="scale" src="../imgw/img-0e05a4385ea2da484bb2a5c215f268fd.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>PortOut</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg533b16892c248b2ca6b653a4efb97f89" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img533b16892c248b2ca6b653a4efb97f89" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;533b16892c248b2ca6b653a4efb97f89&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;533b16892c248b2ca6b653a4efb97f89&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;533b16892c248b2ca6b653a4efb97f89&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre533b16892c248b2ca6b653a4efb97f89">@startuml
node node {
  portout p1
  portout p2
  portout p3
  file f1
}
[o]
p1 --&gt; o
p2 --&gt; o
p3 --&gt; o
f1 --&gt; p1
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="182" height="244" class="scale" src="../imgw/img-533b16892c248b2ca6b653a4efb97f89.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Mixing PortIn &amp; PortOut</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg2aaa49c4d886a9fe3623e53aaae90c6d" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img2aaa49c4d886a9fe3623e53aaae90c6d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;2aaa49c4d886a9fe3623e53aaae90c6d&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;2aaa49c4d886a9fe3623e53aaae90c6d&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;2aaa49c4d886a9fe3623e53aaae90c6d&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre2aaa49c4d886a9fe3623e53aaae90c6d">@startuml
[i]
node node {
  portin p1
  portin p2
  portin p3
  portout po1
  portout po2
  portout po3
  file f1
}
[o]

i --&gt; p1
i --&gt; p2
i --&gt; p3
p1 --&gt; f1
p2 --&gt; f1
po1 --&gt; o
po2 --&gt; o
po3 --&gt; o
f1 --&gt; po1
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="182" height="409" class="scale" src="../imgw/img-2aaa49c4d886a9fe3623e53aaae90c6d.png"/></div></div></td></tr></tbody></table></p><p></p></td><td id="toctd" valign="top" style="max-width:240px;min-width:240px;"><div id="toc"><ul><li><a href="deployment-diagram.html#e5cec68ef9127fc4">要素の宣言</a></li><li><a href="deployment-diagram.html#ccbc4c57abc698a9">要素の宣言 (省略記法)</a></li><li><a href="deployment-diagram.html#bb3fdb917676e9ae">リンク、矢印</a></li><li><a href="deployment-diagram.html#b5f6831632fd63c1">各括弧を使用した矢印のスタイル</a></li><li><a href="deployment-diagram.html#39a64d49d97a1ea0">矢印の色とスタイルを変更する（インラインスタイル）</a></li><li><a href="deployment-diagram.html#ded8ac71cf351121">要素の色とスタイルを変更する（インラインスタイル）</a></li><li><a href="deployment-diagram.html#b2ecd56c45d3d896">入れ子にできる要素</a></li><li><a href="deployment-diagram.html#f36f2582540e74f1">パッケージと入れ子要素</a></li><li><a href="deployment-diagram.html#effdb9ce6c5d44df">別名</a></li><li><a href="deployment-diagram.html#d6ace33a51767250">角に丸みをつける</a></li><li><a href="deployment-diagram.html#75b4984abd04b14f">特有のskinparam</a></li><li><a href="deployment-diagram.html#85f50efefa90c284">付録：線の種類の一覧</a></li><li><a href="deployment-diagram.html#e281b137af34842a">付録：矢印の先端と&#39;0&#39;矢印の一覧</a></li><li><a href="deployment-diagram.html#a1f5e07fd64da2cc">付録：すべての要素に対するインラインスタイルのテスト</a></li><li><a href="deployment-diagram.html#b3234841348a68e0">付録：すべての要素に対するスタイルのテスト</a></li><li><a href="deployment-diagram.html#a2583a8e681fd647">付録: すべての要素にスタイル指定した場合のステレオタイプのテスト</a></li><li><a href="deployment-diagram.html#770d6bd35757f49a">Display JSON Data on Deployment diagram</a></li><li><a href="deployment-diagram.html#e75c1203eb5d242a">Mixing Deployment (Usecase, Component, Deployment) element within a Class or Object diagram</a></li><li><a href="deployment-diagram.html#76402ab93d6541bf">Port [port, portIn, portOut]</a></li></ul></div></td></tr></tbody></table></p><p></p><span id="ezoic-pub-ad-placeholder-104"></span><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-234x60-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-468x60-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-728x90-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-970x250-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-300x250x3-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-970x90-104-nonexxxnonexxxxxxezmaxscaleval100 --></div><style>.btm{text-align:center}.btm a{text-decoration:none;color:#637282}.btm a:hover{color:#0366d6}</style><div class="btm"><hr/><a href="https://g.ezoic.net/privacy/plantuml.com"><small>Privacy Policy</small></a>      <a href="../direct-sales.html"><small>Advertise</small></a><p></p></div><script>var sc_project=11129480;var sc_invisible=1;var sc_security="2adf54aa";</script><script async="" src="https://www.statcounter.com/counter/counter.js"></script><!--[selectrongo:done]--><script type="text/javascript">
				var __inScopeForCCPA = false;
		function __uspapi(command, version, callback) {
			var response = null;
			var successs = false;
			if (command === "getUSPData" && version === 1) {
				var uspString = "1"; // Version
				if (__inScopeForCCPA) {
					uspString += "N"; // Has Explicit Notice for Opt Out been provided (ex footer or minor consent modal)
					var result;
					var consentCookie = (result = new RegExp('(?:^|; )ezoccpaconsent=([^;]*)').exec(document.cookie)) ? (result[1]) : null;
					if (consentCookie === "nonconsent") {
						uspString += "Y";
					}
					else {
						uspString += "N";
					}
					uspString += "N" // Is pub a signatory to the IAB Limited Service Provider Agreement (http://www.iabprivacy.com/)
				}
				else {
					uspString += "---";
				}
				response = {
					uspString: uspString,
					version: 1
				};
				success = true;
			}
			return callback(response, success);
		};
		function __receiveUspapiMessage(event) {
			if (event.data.hasOwnProperty('__uspapiCall')) {
				__uspapi('getUSPData', 1, function(uspData, success) {
					event.source.postMessage({
						__uspapiReturn: {
							returnValue: uspData,
							success: success,
							callId: event.data.__uspapiCall.callId
						}
					},
					event.origin);
				});
			}
			return null;
		};
		window.addEventListener("message", __receiveUspapiMessage, false);
</script>
<script>__ez.queue.addFile('/tardisrocinante/vitals.js', '/tardisrocinante/vitals.js?gcb=2&cb=3', false, ['/parsonsmaize/mulvane.js'], true, false, true, false);</script>
<script>var _audins_dom="plantuml_com",_audins_did=173770;__ez.queue.addDelayFunc("audins.js","__ez.script.add", "//go.ezodn.com/detroitchicago/audins.js?cb=195-2");</script><noscript><div style="display:none;"><img src="https://pixel.quantserve.com/pixel/p-31iz6hfFutd16.gif?labels=Domain.plantuml_com,DomainId.173770" border="0" height="1" width="1" alt="Quantcast"/></div></noscript>
<script>__ez.queue.addFile('/beardeddragon/drake.js', '/beardeddragon/drake.js?gcb=2&cb=4', false, [], true, false, true, false);</script>
<script type="text/javascript" style='display:none;'>var __ez_dims = (function() {
		var setCookie = function( name, content, expiry ) {
			return document.cookie = name+'='+content+((expiry)?';expires='+(new Date(Math.floor(new Date().getTime()+expiry*1000)).toUTCString()):'')+';path=/';
		};
		var ffid = 1;
		var oh = window.screen.height;
		var ow = window.screen.width;
		var h = ffid === 1 ? oh : (oh > ow) ? oh : ow;
		var w = ffid === 1 ? ow : (oh > ow) ? ow : oh;
		var uh = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;
		var uw = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
		setCookie('ezds', encodeURIComponent('ffid='+ffid+',w='+w+',h='+h), (31536e3*7));
		setCookie('ezohw', encodeURIComponent('w='+uw+',h='+uh), (31536e3*7));
	})();</script>
<script type='text/javascript' style='display:none;' async>__ez.queue.addFile('/parsonsmaize/chanute.js', '/parsonsmaize/chanute.js?a=a&cb=7&dcb=195-2&shcb=34', true, ['/parsonsmaize/mulvane.js'], true, false, false, false);</script>
<script type='text/javascript' style='display:none;' async>__ez.queue.addFile('/porpoiseant/jellyfish.js', '/porpoiseant/jellyfish.js?a=a&cb=10&dcb=195-2&shcb=34', false, [], true, false, false, false);</script></body></html>